Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML][PHP] Gdy najeżdżam na element
Forum PHP.pl > Forum > Przedszkole
jinchuriki
Witam,
Spróbuję objaśnić jak najlepiej mój problem.
Napisałem prosty kod w html i css dzięki, któremu po najechaniu na button w menu pojawia się krótki opis podstrony pod nim. Wszystko jest dobrze.
Potem napisałem prostą instrukcję if w php, która sprawdza wartość zmiennej GET i standardowo, zależnie na jaką podstronę się wejdzie wyświetla w odpowiednim miejscu opis podstrony.
Oddzielnie wszystko działa tak jak trzeba, tylko jest mały problem. Chcę, żeby po najechaniu na odnośnik w menu, standardowy opis podstrony zniknął, a pojawił się ten przypisany do buttona. Gdy najeżdżam na button oba teksty nachodzą na siebie, a ja za bardzo nie mam pomysłu jak to rozwiązać. Liczę na waszą pomoc...
Zamieszczam tutaj urywki kodu potrzebne do rozwiązanie problemu.

Fragment CSS:
  1. a.napis span {
  2. display: none;
  3. }
  4.  
  5. a.napis:hover span{
  6. display: inline;
  7. text-decoration: none;
  8. margin-top:3px;
  9. line-height:15px;
  10. text-align:justify;
  11. color:#f5e3ff;
  12. margin-left:20px;
  13. margin-right:33px;
  14. font-size:12px;
  15. position:absolute; top: 102px; left: 0px;
  16. }


Fragment HTML,PHP:
  1. <?php
  2. echo '<div id="menu">';
  3. echo '<a class="napis" href="index.php?includ=home"><img src="img/m_zespol.png" class="domroll img/m_zespol_o.png" /><span><br />Tutaj przyjmujemy pochlebstwa oraz wyrazy uwielbienia za to,
  4. co robimy. Ewentualnie możesz też sprawdzić wolny termin...</span></a>';
  5. echo '<a class="napis" href="index.php?includ=oferta"><img src="img/m_oferta.png" class="domroll img/m_oferta_o.png" /><span><br />Jakiś inny przykładowy tekst...</span></a>';
  6. echo '<a class="napis" href="index.php?includ=muzyka"><img src="img/m_muzyka.png" class="domroll img/m_muzyka_o.png" /><span><br />Tutaj kolejny badziewny tekst mający przyciągnąć ludzi</span></a>';
  7. echo '<a class="napis" href="index.php?includ=kontakt"><img src="img/m_kontakt.png" class="domroll img/m_kontakt_o.png" /><span><br />Tutaj numer jak ktoś by się chciał znami napić. tongue.gif</span></a>';
  8.  
  9.  
  10. if ($_GET['includ'] == 'home')
  11. {
  12. echo '<div id="opis_menu">Tutaj przyjmujemy pochlebstwa oraz wyrazy uwielbienia za to,
  13. co robimy. Ewentualnie możesz też sprawdzić wolny termin...</div>';
  14. }
  15.  
  16. elseif ($_GET['includ'] == 'oferta'){
  17. echo '<div id="opis_menu">Jakiś inny przykładowy tekst...</div>';
  18. }
  19.  
  20. elseif ($_GET['includ'] == 'muzyka'){
  21. echo '<div id="opis_menu">Tutaj kolejny badziewny tekst mający przyciągnąć ludzi</div>';
  22. }
  23.  
  24. elseif ($_GET['includ'] == 'kontakt'){
  25. echo '<div id="opis_menu">Tutaj numer jak ktoś by się chciał znami napić. tongue.gif</div>';
  26. }
  27.  
  28. else {
  29. echo '<div id="opis_menu">Nie ma takiej podstrony</div>';
  30. }
  31. echo '</div>';
  32. ?>


Liczę na waszą pomoc. winksmiley.jpg
weogrim
Ja bym to zrobił tak: 


- do klasy opis_menu dodaj:

Kod
display:block;


-w head wstaw to:

Kod
<script type="text/javascript">
        function zakryj() {
                document.getElementById("opis_menu").style.display = "none";
            }
        function pokaz() {
                document.getElementById("opis_menu").style.display = "block";
            }
    </script>


-do linków pododawaj:

Kod
onmouseover="zakryj();" onmouseout="pokaz();"


jinchuriki
Dzięki działa, masz pomógł. winksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.