skrypty w html

pytanie zadane 8 czerwca 2021 w JavaScript przez Gregory420 Nowicjusz (160 p.)
edycja 8 czerwca 2021 przez Gregory420

Czesc mam pytanie bo zaczynam przygode ze skryptami w html i mam taką strone z 2 skryptami tylko jeden skrypt przeszkadza drugiemu. Jak jest tylko jeden z nich to dziala poprawnie wszystko ale czemu jak mam je 2 to juz jest problem ?

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="styl5.css" type="text/css" />
        <title> Galeria zdjęć </title>
    </head>
    
    <body>
    
    <div id="baner">
    
        <h1>Zdjęcia psów</h1>
        
    </div>
    <div id="lewy">    
    
        <h2>Kategorie</h2>
        <ul>
            <li><a href="psy.html">Psy</li></a>
            <li><a href="koty.html">Koty</li></a>
            <li>Gryzonie</li>
            <li>Jaszczurki</li>
            <li>Inne zdjęcia</li>
        </ul>
        
        <h4><a href="index.html">Powrót do strony głównej</a></h4>
    </div>
    <div id="prawy1">
    
        <h1>Wybierz zdjęcie</h1><br>
        
         
<p>    <img src="pies1.jpg" class="zdj" id ="obrazek" alt="pies-duży"></p>
<script type="text/javascript">
if (document.images) {
    var Image_off = new Image();
    Image_off.src = "pies1.jpg";

    var Image_on = new Image();
    Image_on.src = "pies11.jpg";

    var obr = document.getElementById("obrazek");
    obr.onmouseover = function() {
        this.src = Image_on.src
    }
    obr.onmouseout = function() {
        this.src = Image_off.src
        }
        }
        </script>
        
        <img src="pies2.jpg" class="zdj" id ="zedjj" >
<script type="text/javascript">
if (document.images) {
    var Image_off = new Image();
    Image_off.src = "pies2.jpg";

    var Image_on = new Image();
    Image_on.src = "pies2-szary.jpg";

    var obr = document.getElementById("zedjj");
    obr.onmouseover = function() {
        this.src = Image_on.src
    }
    obr.onmouseout = function() {
        this.src = Image_off.src
        }
        }
        
        </script>
        
    
        
        <img src="pies3.jpg" class="zdj" alt="pies3">
        
    </div>
    <div id="prawy2">
    
    
    
    
    </div>
    <div id="stopka">
    
        Strone opracował:<i>Grzegorz Piasecki</i>
    
    </div>

    </body>

</html>

2	komentarz 8 czerwca 2021 przez Arkadiusz Waluk Ekspert (287,950 p.) Kod na forum wstawiamy w przeznaczone do tego bloczki: https://forum.pasja-informatyki.pl/faq#jak-wstawic-kod-zrodlowy

1	komentarz 8 czerwca 2021 przez SzkolnyAdmin Szeryf (86,360 p.) przeniesione 8 czerwca 2021 przez Arkadiusz Waluk Stare zadanie z egzaminu E14. Co oznacza, że skrypty sobie "przeszkadzają".

komentarz 8 czerwca 2021 przez Gregory420 Nowicjusz (160 p.)

chciałbym wiedziec co zrobic zeby one sobie nie przeszkadzały w tym kodzie co wysłałem

komentarz 8 czerwca 2021 przez Wiciorny Ekspert (269,690 p.)

ale co to znaczy "przeszkadzanie sobie"?

1 odpowiedź

odpowiedź 8 czerwca 2021 przez SzkolnyAdmin Szeryf (86,360 p.)
wybrane 8 czerwca 2021 przez Arkadiusz Waluk

Najlepsza

Masz szczęście, że miałem to zadanie (sesja styczeń 2019). W drugim skrypcie masz te same zmienne, co w pierwszym i ponownie je podstawiasz ścieżkami. Dlatego też oba obrazki zmieniają się na takie same (skrypty "przeszkadzają" sobie). Zamień w drugim skrypcie na przykład:

script type="text/javascript">
if (document.images) {
    var Image_off2 = new Image();
    Image_off2.src = "pies2.jpg";
 
    var Image_on2 = new Image();
    Image_on2.src = "pies2-szary.jpg";
 
    var obr = document.getElementById("zedjj");
    obr.onmouseover = function() {
        this.src = Image_on2.src
    }
    obr.onmouseout = function() {
        this.src = Image_off2.src
        }
        }
         
        </script>