 [JavaScript][AJAX]Wszelkie pytania początkującego JS - AJAX |
| [JavaScript][AJAX]Wszelkie pytania początkującego JS - AJAX |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 59 Pomógł: 1 Dołączył: 8.11.2010 Ostrzeżenie: (0%) 
 |
Jako że php nie sprawia mi już większych kłopotów i w miarę dobrze to opanowałem - postanowiłem się wziąć za js, ajaxa. Pamietam jak kilka miesiecy temu twierdzilem ze PHP jest nie dla mnie i to wszystko było takie trudne (IMG:style_emoticons/default/smile.gif) to chyba jedyne piękne wspomnienie w moim zyciu no ale do rzeczy. Jak to u mnie zazwyczaj bywa - pierw musze zadać kilka pytać żeby zrozumieć co w książce piszą.
Zrobiłem cos takiego ze po najechaniu na guzik - pokazuje sie zdjecie a jak zrobic zeby zdjecie sie pokazywalo tylko wtedy kiedy jest na guziku kursor ? <script language="javascript" type="text/javascript"> var LinkDoFoto = '<img src="http://www.webtistic.co.uk/wp-content/uploads/2010/04/puppy.jpg" width="300" height="300" />'; function PokazFoto() { document.getElementById('foto').innerHTML = LinkDoFoto; } </script> <form><input type="button" value="POKAZ ZDJECIE" onmouseover="PokazFoto()"</form><br /> <div id="foto"></div> |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 2 350 Pomógł: 512 Dołączył: 4.01.2009 Skąd: Wrocław / Świdnica Ostrzeżenie: (0%)
|
Po pierwsze AJAX to część JS.
Po drugie kod Kod document.getElementById('foto').innerHTML = " "; powinien działaćPo trzecie poczytaj o DOM( http://kurs.browsehappy.pl/JavaScript/DOM ) i edycji CSS za pomocą JS( np. taka konstrukcja--> element.style.display = 'none'; <--) Po czwarte poczytaj o poprawnym dodawaniu zdarzeń(czyli np. click, mousemove itd. ) w JS. Po piąte popraw kod zgodny z moimi wskazówkami. Zdaje sobie sprawę, że jesteś początkujący, ale jak nauczysz się robić wszystko poprawnie to może będzie z Ciebie w miarę dobry programista. Poprawny kod, który jest zgodny z moimi wskazówkami: Kod <html> <head> <script> onload = function(){ //tzn. funkcja anonimowa podczepiona do zdarzenia onload(gdy stona się załaduje) - załadowany DOM document.getElementById('button').onclick = function(){ //kolejna funkcja anonimowa - zdarzenie click(kliknięcie) var el = document.getElementById('photo'); //zmienna lokalna el -> referencja do elementu if( el.style.display == 'none' ) el.style.display = ''; else el.style.display = 'none'; } } </script> </head> <body> <img src="http://www.google.pl/intl/en_com/images/srpr/logo1w.png" id="photo" style="display: none;"> <br> <input type="button" value="kliknij" id="button"> </body> </html> |
|
|
|
Ideal [JavaScript][AJAX]Wszelkie pytania początkującego JS - AJAX 3.01.2011, 23:28:00 
sweter CytatZrobiłem cos takiego ze po najechaniu na guzi... 3.01.2011, 23:49:23 Ideal Niom jesli kursor jest na guziku to zdjecie sie po... 3.01.2011, 23:51:03 sweter tak na szybko:
[JAVASCRIPT] pobierz, plaintext fun... 4.01.2011, 00:16:07 Ideal Tak robiłem ale nie chciało zadziałaś - teraz dzia... 4.01.2011, 00:33:37 sweter No to w funkcji PokazFoto() zrób if'a w którym... 4.01.2011, 11:39:36 Ideal nie dziala mi to - nie wiem czmu - mozesz podpowie... 4.01.2011, 14:39:47 sweter [JAVASCRIPT] pobierz, plaintext widocznosc = false... 4.01.2011, 16:31:00 Ideal w sensie ze do chowania to np.:
document.getElem... 4.01.2011, 17:38:35 and1 Proponuje zamiast czystego JS użyć jQuery bibliot... 4.01.2011, 22:34:04 Ideal na jQuery przyjdzie czas tez;
dzieki kamil4u - mu... 5.01.2011, 00:14:43 kamil4u Cytatnie kapuje nic z tego DOM`u
To nic trudne... 5.01.2011, 22:33:59 Ideal Dziekuje kamil4u, dzeki sweter
ZROZUMIALEM TO ... 6.01.2011, 14:20:45 kamil4u Cytattzn bez przeladawania stony w js
Pewnie chodz... 6.01.2011, 15:02:46 
Ideal Witam, nie chce zakladac nowego tematu szczegolnie... 9.01.2011, 14:58:06  |
|
Aktualny czas: 14.10.2025 - 11:32 |
![<script language="javascript" type="text/javascript">var LinkDoFoto = '<img src="http://www.webtistic.co.uk/wp-content/uploads/2010/04/puppy.jpg" width="300" height="300" />';function PokazFoto() { document.getElementById('foto').innerHTML = LinkDoFoto; }</script>](http://pl.php.net/<br /><br /><script language="javascript" type="text/javascript"><br /><br />var LinkDoFoto = '<img src="http://www.webtistic.co.uk/wp-content/uploads/2010/04/puppy.jpg" width="300" height="300" />';<br /><br />function PokazFoto() {<br /><br /> document.getElementById('foto').innerHTML = LinkDoFoto;<br /> <br />}<br /><br /></script><br /><br />){kind=link}