Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: keyUp lub keyDown
Forum PHP.pl > Forum > Przedszkole
Lombi
24.08.2006, 12:56:32
To chyba jeden z ostatnich problemów (mam nadzieje) biggrin.gif

Ten kod wczytuje zawartość z textarea do iframe tyle że po naciśnięciu na przycisk, a ja chce zeby odczytywał ta zawartość na "żywo" przy każdym dodanym znaku w textarea!
Wiem że służy do tego keyUp i KeyDown (w zależności kiedy ma sie to dziać), ale nie moge tego zlozyc w całość żeby zadziałało sad.gif 

[HTML] pobierz, plaintext 
  1. <script language="JavaScript" type="text/javascript">
  2. function dodaj() {
  3. html = document.getElementById("html").value;
  4. wysiwyg = document.getElementById("edytor");
  5. wysiwyg.contentWindow.document.open();
  6. wysiwyg.contentWindow.document.write(html);
  7. wysiwyg.contentWindow.document.close();
  8. }
  9. </script>
  10.  
  11. <textarea id="html"></textarea>
  12. <iframe id="edytor"></iframe>
  13.  
  14. <input type="button" value="dodaj" onclick="dodaj()" />
[HTML] pobierz, plaintext


I gdzie mam to wcisnać questionmark.gif tongue.gif
My4tic
24.08.2006, 13:03:37 
[HTML] pobierz, plaintext 
  1. <textarea id="html" onkeyup="dodaj()"></textarea>
[HTML] pobierz, plaintext
Lombi
24.08.2006, 14:30:46
O losie! Nie pomyślałem o tym sad.gif

Dzięki My4tic exclamation.gif!

Prosze powiedzcie mi jeszcze czemu w tą strone to nie działa? 

[HTML] pobierz, plaintext 
  1. <script language="JavaScript" type="text/javascript">
  2. function dodaj() {
  3. document.getElementById("html").value = document.getElementById("edytor").contentWindow.document.body.innerHTML;
  4. }
  5. </script>
  6.  
  7. <textarea id="html"></textarea>
  8. <iframe id="edytor" onKeyUp="dodaj()"></iframe>
[HTML] pobierz, plaintext
dawhol
24.08.2006, 17:07:26
mi działa tzn to z poczatku bo w tym co ty podałes to nie w iframe ma byc to onkeyup tylko w textarea smile.gif 

[HTML] pobierz, plaintext 
  1. <script language="JavaScript" type="text/javascript">
  2. function dodaj() {
  3. html = document.getElementById("html").value;
  4. wysiwyg = document.getElementById("edytor");
  5. wysiwyg.contentWindow.document.open();
  6. wysiwyg.contentWindow.document.write(html);
  7. wysiwyg.contentWindow.document.close();
  8. }
  9. </script>
  10.  
  11. <textarea id="html" onkeyup="dodaj()"></textarea>
  12. <iframe id="edytor"></iframe>
  13.  
  14. <input type="button" value="dodaj" onclick="dodaj()" />
[HTML] pobierz, plaintext



szkoda tylko ze nie wyświetla php ;p winksmiley.jpg
My4tic
24.08.2006, 17:15:19
Cytat(Lombi @ 24.08.2006, 13:30 ) *
Prosze powiedzcie mi jeszcze czemu w tą strone to nie działa? 

[HTML] pobierz, plaintext 
  1. <script language="JavaScript" type="text/javascript">
  2. function dodaj() {
  3. document.getElementById("html").value = document.getElementById("edytor").contentWindow.document.body.innerHTML;
  4. }
  5. </script>
  6.  
  7. <textarea id="html"></textarea>
  8. <iframe id="edytor" onKeyUp="dodaj()"></iframe>
[HTML] pobierz, plaintext



OnKeyUp dopuszcalne jest tylko w takich tagach:

[HTML] pobierz, plaintext 
  1. <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var>
[HTML] pobierz, plaintext


W ramkach można używac onload/unload ale akurat tutaj nic Ci to nie da.

Pzdr
dawhol
24.08.2006, 17:18:52
To ja moze jescze sie zapytac zeby nie zakładac nowego wątku co i gdzie musze dopisac zeby w polu textarea jak pisze kod np. html zeby znaczniki htmla pokolorowały mi sie na jakis kolor (jeden dla wszystkich) smile.gif
Lombi
24.08.2006, 19:11:09
To pierwsze u mnie tez działa ale chodzi o to zeby i zawarfosc iframe byla przekazywana na bierzaco do textarea biggrin.gif

My4tic nie podwazam twojej wiedzy, ale to działa niestety tylko pod Mozillką:

[HTML] pobierz, plaintext 
  1. <script>
  2. var html = "";
  3. document.getElementById('iframe').contentWindow.document.write(html); 
  4. document.getElementById("iframe").contentWindow.document.close();
  5. document.getElementById('iframe').contentWindow.document.designMode = "on";
  6. document.getElementById('iframe').contentWindow.addEventListener("keyup", out, false); 
  7.  
  8. function out() {
  9.         document.getElementById("out").value = document.getElementById("iframe").contentWindow.document.body.innerHTML;
  10.  
  11. }
  12. </script>
  13.  
  14. <iframe id="iframe"></iframe>
  15. <textarea id="out"></textarea>
[HTML] pobierz, plaintext


Niestety nie chce w zaden sposób działać w takiej postaci jak przedstawiłem w mojej drugiej wypowiedzi sad.gif
dawhol
24.08.2006, 20:25:54
rozumiem Ludvik ze chcesz zeby to w obie strony działało smile.gif tzn edytor edytorem z textarea ale chesz zbeby ci automatycznie jezrzli otworzysz jaks podstrone w iframe zeby ja wczytał do textarea =P tak wywnioskowałem smile.gif z tego co piszesz bo jezeli o to ci nie chodzi to jest ci nie potrzbe =p

A ja dalej ponawiam moje pytanie co do kolorowania w textarea TYLKO znaczników html np na czerwono a zwykly tekst na czarno smile.gif
Lombi
24.08.2006, 20:39:00
Tak dawhol chodzi mi tylko o to że jeśli zmienie cokolwiek w textarea to zmienia sie w iframe i odwrotnie, nie chodzi o wczytywanie do obu naraz tylko o coś taiego!
Nie chce używać execCommand bo mnie to drażni (wstawia 500 tysięcy znaczków kiedy działa jeden), chce to zrobic recznie i tyle. Jak już obszedłem to bez textarea to przy każdym dodaniu taga np <b> kasuje mi ten badziew aktualną zawartość i wstawia tylko <b> i tak przy każdym przycisku! Tylko się pochlastać exclamation.gif! sad.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.