• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

skrypty w html

+1 głos
118 wizyt
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 (282,180 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 Maniak (68,520 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 (221,970 p.)
ale co to znaczy "przeszkadzanie sobie"?

1 odpowiedź

+5 głosów
odpowiedź 8 czerwca 2021 przez SzkolnyAdmin Maniak (68,520 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>

 

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

Podobne pytania

0 głosów
0 odpowiedzi 125 wizyt
pytanie zadane 12 czerwca 2020 w Ogłoszenia, zlecenia przez ernest4013 Gaduła (3,970 p.)
0 głosów
0 odpowiedzi 97 wizyt
0 głosów
1 odpowiedź 152 wizyt
pytanie zadane 20 lutego 2020 w Inne języki przez Marak123 Stary wyjadacz (11,110 p.)

88,355 zapytań

136,952 odpowiedzi

305,666 komentarzy

58,619 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...