Forum PHP.pl > [JavaScript] odslanianie litera po literze

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] odslanianie litera po literze

xix

27.08.2010, 19:00:07

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 
<script language="javascript">
window.onload=wyswietl;
var zmienna=document.getElementByID('odslon');
function wyswietl()
{
 zmienna.innerHTML="";
}
function klawisz()
{
 if(event.keyCode==13)
 {
  document.write(zmienna.replace(/"+"/g,"-"));
 }
}
</script>
 
<a href="java script:void(0)" onkeypress="klawisz()">link</a> <div id="odslon"><?php echo $zmienna_z_trescia ?></div>
[PHP] pobierz, plaintext

bastard13

27.08.2010, 19:38:56

Powinno zadziałać:

[HTML] pobierz, plaintext 
<script>
var ab_count=0;
var word='moj tekst do wyswietlenia';
var ab_array_with_word=word.split('');
 
function showIt(event)
{
event=(window.event ? window.event : event);
if(event.keyCode==13)
{ document.getElementById('el_with_js').innerHTML=document.getElementById('el_with_js').innerHTML+ab_array_with_word[ab_count];
   ab_count++;
}
 
}
</script>
 
<a href="#" id="el_with_js" onkeypress="showIt(event);">link</a>
 
[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

xix

27.08.2010, 21:57:50

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?

bastard13

27.08.2010, 22:44:35

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

xix

28.08.2010, 05:02:20

niestety tak wyswietlony zostanie dokladnie tekst:
<?php echo$zmienna; ?>
zamiast ukryty w tekst w zmiennej $zmienna:
'moj tekst do wyswietlenia'

zegarek84

28.08.2010, 10:16:22

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 
<html>
    <head>
        <title>Timer</title>
        <script type="text/javascript">
            function ini(){
                var $zm={};
                $zm['link']=document.getElementById('odslon');
                $zm['div']=document.getElementById('odsloniane').firstChild;
                $zm['text']=new String($zm.div.nodeValue);
                $zm['new_text']=new String('');
                $zm['znak']=0;
                $zm.div.nodeValue='';
                $zm.link.onclick=function(){return false;};
 
                function showNext(e)
                {
                    var litera=$zm.text.charAt($zm.znak),
                    e=window.event ? window.event : e;
                    if(e.keyCode==13 && litera!=='')
                    {
                        $zm.new_text=[$zm.new_text,litera].join('');
                        $zm.div.nodeValue=$zm.new_text;
                        ++$zm.znak;
                    }
 
                }
                $zm.link.onkeypress=showNext;
            }
        </script>
    </head>
    <body onload="ini();">
        <a id="odslon" href="jakikolwiek/adres">link</a>
        <div id="odsloniane">Tutaj jakaś treść</div>
    </body>
</html>
[HTML] pobierz, plaintext

xix

28.08.2010, 11:22:03

ten ostatni kod jest piekny. dzieki bardzo!

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.