Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript]jak zrobic pętle, jak zrobić pętle
Mastersieciweb
post
Post #1





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 14.10.2013

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

witam, mam problem bo nie wiem jak zrobić pętle czy funkcje dzięki której nie musiałbym wypisywać po kolei moich obrazków tylko tak jakby to wszystko było klonowane tyle razy ile ja chce i funkcja onmouseover i onmouseout działała w każdym z osobno:) da sie tak?(IMG:style_emoticons/default/smile.gif) 

[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4. <title>fgg</title>
  5. <body>
  6.  
  7. <img src="maggie.jpg" id="1">
  8. <img src="maggie.jpg" id="2">
  9. <img src="maggie.jpg" id="3">
  10. <img src="maggie.jpg" id="4">
  11. <img src="maggie.jpg" id="5">
  12.  
  13.  
  14.  
  15. <script>
  16. var nazwy = new Array('maggie.jpg', 'kate.jpg', 'roxana.jpg')
  17. var obr = [];
  18.  
  19. for (x=0; x<nazwy.length; x++) {
  20.  
  21. obr[x] = new Image();
  22.  
  23. obr[x].alt= nazwy[x];
  24.  
  25. }
  26.  
  27.  
  28.  
  29. document.getElementById('1').onmouseover = function() {
  30.  
  31. this.src = obr[1].alt;
  32.  
  33. }
  34.  
  35.  
  36. document.getElementById('1').onmouseout = function() {
  37.  
  38. this.src = obr[0].alt;
  39.  
  40. }
  41.  
  42. document.getElementById('2').onmouseover = function() {
  43.  
  44. this.src = obr[1].alt;
  45.  
  46. }
  47.  
  48.  
  49. document.getElementById('2').onmouseout = function() {
  50.  
  51. this.src = obr[0].alt;
  52.  
  53. }
  54.  
  55. document.getElementById('3').onmouseover = function() {
  56.  
  57. this.src = obr[1].alt;
  58.  
  59. }
  60.  
  61.  
  62. document.getElementById('3').onmouseout = function() {
  63.  
  64. this.src = obr[0].alt;
  65.  
  66. }
  67.  
  68. document.getElementById('4').onmouseover = function() {
  69.  
  70. this.src = obr[1].alt;
  71.  
  72. }
  73.  
  74.  
  75. document.getElementById('4').onmouseout = function() {
  76.  
  77. this.src = obr[0].alt;
  78.  
  79. }
  80.  
  81. document.getElementById('5').onmouseover = function() {
  82.  
  83. this.src = obr[1].alt;
  84.  
  85. }
  86.  
  87.  
  88. document.getElementById('5').onmouseout = function() {
  89.  
  90. this.src = obr[0].alt;
  91.  
  92. }
  93.  
  94. </script>
  95. </body>
  96. </html> 
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
in5ane
post
Post #2





Grupa: Zarejestrowani
Postów: 1 335
Pomógł: 34
Dołączył: 9.11.2005
Skąd: Wrocław

Ostrzeżenie: (10%)
X----

A może ruszysz trochę głową? Mając pętlę w PHP, ciężko przerobić na JS, gdzie składnia jest identyczna? No takie pierdoły, to już można samemu i nawet, jakby Ci nie wychodziło, to za którymś razem by Ci wyszło, a ponadto chyba można w google sprawdzić, jak wygląda składni pętli for w w JS.
[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4. <title>fgg</title>
  5. <body>
  6.  
  7. <img src="maggie.jpg" id="1">
  8. <img src="maggie.jpg" id="2">
  9. <img src="maggie.jpg" id="3">
  10. <img src="maggie.jpg" id="4">
  11. <img src="maggie.jpg" id="5">
  12.  
  13.  
  14.  
  15. <script>
  16. var nazwy = new Array('maggie.jpg', 'kate.jpg', 'roxana.jpg')
  17. var obr = [];
  18.  
  19. for (x=0; x<nazwy.length; x++) {
  20.  
  21. obr[x] = new Image();
  22.  
  23. obr[x].alt= nazwy[x];
  24.  
  25. }
  26.  
  27.  
  28.  
  29. for (var i = 1; i <= 5; i++) {
  30.  
  31.  
  32. document.getElementById(i).onmouseover = function() {
  33.  
  34. this.src = obr[1].alt;
  35.  
  36. }
  37.  
  38.  
  39. document.getElementById(i).onmouseout = function() {
  40.  
  41. this.src = obr[0].alt;
  42.  
  43. }
  44.  
  45. }
  46. </script>
  47. </body>
  48. </html> 
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- Mastersieciweb   [HTML][JavaScript]jak zrobic pętle   8.11.2013, 12:32:33
- - in5ane   Jak napisać poprawnie temat, nie tworząc trzech ta...   8.11.2013, 12:39:34
- - Mastersieciweb   z jakiś nieznanych przyczyn nie działa mi ta funkc...   8.11.2013, 14:55:25
- - in5ane   A może ruszysz trochę głową? Mając pętlę w PHP, ci...   8.11.2013, 17:01:59
- - kamil4u   Warto dodać, że id nie może być liczbą.   8.11.2013, 22:39:55

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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