Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] odslanianie litera po literze
xix
post
Post #1





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 14.11.2008

Ostrzeżenie: (0%)
-----

Staram sie zrobic krotki javascripcik, ktory odslanialby jakac tresc (np. foo bar) po kliknieciu w klawisz enter na linku. wygladaloby to tak:

Domyslny wyglad zaraz po uruchomieniu strony (tresc foo bar calkowicie zaslonieta, niewidoczne nawet kreski zaslaniajace)
1. link:

i kolejne klikniecia entera na linku powoduja:
2. link: -------
3. link: f------
4. link: fo-----
...
9. link: foo bar

Skrypt kompletnie nic nie robi w tej chwili (nic nie zniknelo i zadne kreski sie nie pojawily) i nie wiem czemu
[PHP] pobierz, plaintext 
  1. <script language="javascript">
  2. window.onload=wyswietl;
  3. var zmienna=document.getElementByID('odslon');
  4. function wyswietl()
  5. {
  6.  zmienna.innerHTML="";
  7. }
  8. function klawisz()
  9. {
  10.  if(event.keyCode==13)
  11.  {
  12.   document.write(zmienna.replace(/"+"/g,"-"));
  13.  }
  14. }
  15. </script>
  16.  
  17. <a href="java script:void(0)" onkeypress="klawisz()">link</a> <div id="odslon"><?php echo $zmienna_z_trescia ?></div>
[PHP] pobierz, plaintext


Ten post edytował xix 27.08.2010, 19:28:44
Go to the top of the page
+Quote Post
bastard13
post
Post #2





Grupa: Zarejestrowani
Postów: 664
Pomógł: 169
Dołączył: 8.01.2010
Skąd: Kraków

Ostrzeżenie: (0%)
-----

Powinno zadziałać:
[HTML] pobierz, plaintext 
  1. <script>
  2. var ab_count=0;
  3. var word='moj tekst do wyswietlenia';
  4. var ab_array_with_word=word.split('');
  5.  
  6. function showIt(event)
  7. {
  8. event=(window.event ? window.event : event);
  9. if(event.keyCode==13)
  10. { document.getElementById('el_with_js').innerHTML=document.getElementById('el_with_js').innerHTML+ab_array_with_word[ab_count];
  11.    ab_count++;
  12. }
  13.  
  14. }
  15. </script>
  16.  
  17. <a href="#" id="el_with_js" onkeypress="showIt(event);">link</a>
  18.  
[HTML] pobierz, plaintext

Oprócz tego tutaj masz parę stron z info nt. zdarzeń js:
http://www.w3schools.com/js/js_events.asp
http://webmade.org/porady/zdarzenia-events-js-javascript.php
http://www.quirksmode.org/js/events_properties.html
https://developer.mozilla.org/en/DOM/event.keyCode
http://www.asquare.net/javascript/tests/KeyCode.html


--------------------
http://sebastian-malaca.blogspot.com/
Go to the top of the page
+Quote Post
xix
post
Post #3





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 14.11.2008

Ostrzeżenie: (0%)
-----

skrypt mi nie dzialal, ale juz chodzi. uff...
to byl moj blad.

jeszcze musze tam wtrynic (zamiast 'moj tekst do wyswietlenia') $zmienna php, bo tekst jest w zmiennej. jest na to jakies wyjscie?

Ten post edytował xix 27.08.2010, 22:25:20
Go to the top of the page
+Quote Post
bastard13
post
Post #4





Grupa: Zarejestrowani
Postów: 664
Pomógł: 169
Dołączył: 8.01.2010
Skąd: Kraków

Ostrzeżenie: (0%)
----- 

[PHP] pobierz, plaintext 
  1. var word='<?php echo $zmienna; ?>';
[PHP] pobierz, plaintext


--------------------
http://sebastian-malaca.blogspot.com/
Go to the top of the page
+Quote Post
xix
post
Post #5





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 14.11.2008

Ostrzeżenie: (0%)
-----

niestety tak wyswietlony zostanie dokladnie tekst:
<?php echo$zmienna; ?>
zamiast ukryty w tekst w zmiennej $zmienna:
'moj tekst do wyswietlenia'
Go to the top of the page
+Quote Post
zegarek84
post
Post #6





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

Ostrzeżenie: (0%)
-----

Cytat(xix @ 28.08.2010, 06:02:20 ) *
niestety tak wyswietlony zostanie dokladnie tekst:
<?php echo$zmienna; ?>
poczytaj o łączeniu kodu html z php...
niżej działający kod - treść nie trzeba przypisywać do zmiennej - masz tak jak w swoim pierwszym przykładzie który podałeś...
[HTML] pobierz, plaintext 
  1. <html>
  2.     <head>
  3.         <title>Timer</title>
  4.         <script type="text/javascript">
  5.             function ini(){
  6.                 var $zm={};
  7.                 $zm['link']=document.getElementById('odslon');
  8.                 $zm['div']=document.getElementById('odsloniane').firstChild;
  9.                 $zm['text']=new String($zm.div.nodeValue);
  10.                 $zm['new_text']=new String('');
  11.                 $zm['znak']=0;
  12.                 $zm.div.nodeValue='';
  13.                 $zm.link.onclick=function(){return false;};
  14.  
  15.                 function showNext(e)
  16.                 {
  17.                     var litera=$zm.text.charAt($zm.znak),
  18.                     e=window.event ? window.event : e;
  19.                     if(e.keyCode==13 && litera!=='')
  20.                     {
  21.                         $zm.new_text=[$zm.new_text,litera].join('');
  22.                         $zm.div.nodeValue=$zm.new_text;
  23.                         ++$zm.znak;
  24.                     }
  25.  
  26.                 }
  27.                 $zm.link.onkeypress=showNext;
  28.             }
  29.         </script>
  30.     </head>
  31.     <body onload="ini();">
  32.         <a id="odslon" href="jakikolwiek/adres">link</a>
  33.         <div id="odsloniane">Tutaj jakaś treść</div>
  34.     </body>
  35. </html>
[HTML] pobierz, plaintext


Ten post edytował zegarek84 28.08.2010, 10:19:04


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.
Go to the top of the page
+Quote Post
xix
post
Post #7





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 14.11.2008

Ostrzeżenie: (0%)
-----

ten ostatni kod jest piekny. dzieki bardzo!
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 13:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn