logo
19.06.2019 21:35
1
Zdravím!
Prosím prosím zkušené borce o radu a pomoc.

Snažím se vytvořit tabulku s pozadím, které se bude měnit v závislosti na tom, na kterou položku pod tabulkou (vypsanou z sql databáze) najedu myší.

Lámu si s tím hlavu už pár dní a tak budu vděčný za konstruktivní pomoc.
Předem mockrát díky!



PHP kód:
            $sql = "SELECT * FROM dekory WHERE aktiv='1'";
            $result = $con->query($sql);
                
            if ($result->num_rows > 0) {
                
                while($row = $result->fetch_assoc()) { 
                $iddekor=$row['nazevdekoru'];
                ?>
            
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
                $(document).ready(function(){
                $("#show<?php echo $iddekor;?>").mouseover(function(){
                    $("il<?php echo $iddekor;?>").show();
                    $("ili<?php echo $iddekor;?>").hide();
                }); 
                $("#hide<?php echo $iddekor;?>").mouseleave(function(){
                    $("il<?php echo $iddekor;?>").hide();
                    $("ili<?php echo $iddekor;?>").show();
                });
                });
                </script>
                
            
            <?php
            
            
echo "<il".$iddekor." hidden><table width=100% height=320 background='img/dekory/".$iddekor.".png'><tr><td>";
            
            
            echo 
"</td></tr></table><table width=100%><tr>";
            echo 
"<td><img width=100% height=100 id='hide".$iddekor."'src='img/dekory/".$iddekor.".png'></td>
            </tr></table></il"
.$iddekor.">";
            
            
            echo 
"<ili".$iddekor."><table width=100% height=320 bgcolor=#eee><tr><td>";
            
            echo 
"</td></tr></table><table width=100%><tr>
            <td><img width=100% height=100 id='show"
.$iddekor."' src='img/dekory/".$iddekor.".png'></td>
            </tr></table></ili"
.$iddekor.">";
            }}
19.06.2019 22:50
2
Kód:
onmouseover="$('table').css({'background-image':'url(...)'});"