Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wczytywanie strony bez przejścia na inną
Forum PHP.pl > Forum > PHP
eksen123
Potrzebuje pomocy, nie mam pojęcia jak zrobić okno które wyskakuje z jakimś napisem

Klikasz np o firmie wyskakuje okno na tej stronie bez przeładowania strony na inną tylko w tej.
I aby była możliwość zamknięcia tego okna.


http://www.mebleben.pl (musicie sobie rozwinąć pasek ten na dole)

coś w tym stylu jak klikacie: O firmie, Oferta, Kontakt

Bardzo proszę o kreatywne odpowiedzi bo bardzo tego potrzebuję.
viking
http://api.jquery.com/toggle/
eksen123
  1. <!doctype html>
  2. <html lang="en">
  3. <meta charset="utf-8">
  4. <title>toggle demo</title>
  5. p {
  6. background: #dad;
  7. font-weight: bold;
  8. font-size: 16px;
  9. }
  10. </style>
  11. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  12. </head>
  13.  
  14. <button>Toggle 'em</button>
  15. <p>Hiya</p>
  16. <p>Such interesting text, eh?</p>
  17.  
  18. $( "button" ).click(function() {
  19. $( "p" ).toggle( "slow" );
  20. });
  21.  
  22. </body>
  23. </html>





Jak odwołać się do

<a href="#">O Mnie</a>
<a href="#">Moje zainteresowania</a>

a nie bo buttona,
i jak kliknę aby coś innego się pokazywało
o mnie - mam 18 lat
moje zainteresowania - lubie piłkę
np
viking
Podstawy selektorów, poczytaj dokumentację.

  1. $('#menu').on('click', 'a', function(e){
  2. e.preventDefault();
  3. $('costam').toggle();
  4. });

eksen123
Panie vikingu a mógłbyś wytłumaczyć bo zakodować umiem ale w czymś takim to jestem czarny haha.gif
viking
Ale co konkretnie?
eksen123
mógłbyś to napisać

Jak odwołać się do

<a href="#">O Mnie</a>
<a href="#">Moje zainteresowania</a>

a nie bo buttona,
i jak kliknę aby coś innego się pokazywało
o mnie - mam 18 lat
moje zainteresowania - lubie piłkę
np

aby ci wyskakiwało okienko kliknę o mnie tam pisze coś o mnie kliknę moje zainteresowania mam coś tam z zainteresowania ;f

bo ja serio nie wiem ;f
viking
To doczytaj. Już Ci pisałem jak to mniej więcej powinno wyglądać. Kwestia lepszego identykowania elementów.
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.