Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML][JavaScript]Błąd w kodzie
manara
post 29.12.2020, 09:36:02
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 29.12.2020

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


Mam problem z kodem poniżej. Prawdopodonie gdzieś zrobiłam błąd, bo strona nie chce mi wyświatlać zdjęć w wygenerowanych automatycznie komórkach.
Strona miała być grą polegającą na przesówaniu fragmentów podzielonego na małe części zdjęcia.

Poniżej cały kod strony.
Kod
<html lang='eng'>
<head>
    <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>Document</title>
    
    <style>
        div{
            position:absolute;
            width: 100px;
            height: 100px;
            border: red 2px solid;
        }
        img{
            width: 100px;
            height: 100px;
        }
    </style>
    <script>
        function generator(){
            var num=4, newdiv, divIdName;
            for (var i=0; i<num; i++)
                for(var j=0; j<num; j++){
                    newdiv=document.createElement('div');
                    divIdName= 'a'+i+j;
                    newdiv.setAttribute('id', divIdName);
                    newdiv.style.top=100+'px';
                    newdiv.style.left=100+100*j+'px';
                    if(i*j=!9)
                    newdiv.innerHTML= "<img src='slice_"+i+"_"+j+".jpg'>";
                    newdiv.addEventListener('click', function(){Graj(this);});
                    document.body.appendChild(newdiv);
                }
        }
        function Graj(x){
            var bufor;
            if(x.style.top==a33.style.top & x.style.left== 100+'px'){
                bufor=x.style.left;
                x.style.left=a33.style.left;
                a33.style.left=bufor;
            }
            if (x.style.left==a33.style.left & x.style.top== 100+'px'){
                bufor=x.style.top;
                x.style.top=a33.style.top;
                a33.style.top=bufor;
            }
        }
        
    </script>
    <!--parseInt!!!!        
    poprawić możliwość zmieny dalszych kafelków, dołożyć licznik, cały obrazek wyświetlic obok, dodać parę obrazków, -->
</head>
<body onload='generator()'>
    <input type='button' value='Mieszaj' onclick='Mieszaj()'>

<!--Dodać to do memory - na lepszą ocenę-->
</body>
</html>


Bardzo proszę o pomoc w znalezieniu błędu.
Go to the top of the page
+Quote Post
Tomplus
post 30.12.2020, 09:16:42
Post #2





Grupa: Zarejestrowani
Postów: 1 836
Pomógł: 225
Dołączył: 20.03.2005
Skąd: Będzin

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


Masz błąd w IF:


[JAVASCRIPT] pobierz, plaintext
  1. if (i * j != 9) {
  2. newdiv.innerHTML = "<img src='slice_" + i + "_" + j + ".jpg'>";
  3. }
[JAVASCRIPT] pobierz, plaintext

Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 26.04.2024 - 02:13