PROGRESO | WEBESTEEM | ART&DESIGN MAGAZINE 
Forum webesteem Strona Główna webesteem:forum

   Regulamin | Szukaj | Użytkownicy | Grupy | Statystyki | Ostatnie tematy | RSS | Rejestracja | Profil | Skrzynka | Zaloguj

Skojarzenie hiperłączy na stronie

 
Napisz nowy temat   Odpowiedz do tematu    Forum webesteem Strona Główna | html i javascript
Zobacz poprzedni temat :: Zobacz następny temat  
Autor Wiadomość
Jamal_GTI




Od: 2010.10.21
Posty: 2

PostWysłany: 2010.10.21 10:44    Temat postu: Skojarzenie hiperłączy na stronie

Witam

Potrzebuję skonstruować dwa hiperłącza na jednej stronie, aby były ze sobą połączone. To znaczy po najechaniu myszką na jeden z nich, podświetlały się oba. Jakiego kodu muszę użyć? Z góry dziękuję za odpowiedź.
^
Odpowiedz z cytatem
ilovecss




Od: 2009.07.13
Posty: 179
Skąd: from /b/

PostWysłany: 2010.10.21 16:08    Temat postu:

Witamy na webesteem.pl !
Welcome to webesteem.pl !
This is webesteem.pl !
Welcome !
This is webesteem.pl !
Welcome to webesteem.pl !
You can do anything at webesteem.pl
Anything at all
The only limit is yourself..




Dobra, a tak na serio;
nazwij te hiperłącza jakoś (n.p. nadając klasę "doppelgaenger":)
HTML:
Kod:
<a href="#1" class="doppelgaenger">Abraham Licoln</a>
<a href="#2" class="doppelgaenger">Abe Linkin</a>

Zrób dodawanie kolejnej klasy po najechaniu kursorem i usuwanie jej wraz z kursorem. Nazwj ją n.p. "highlight". W jQuery to będzie mniej więcej tak:
jQuery:
Kod:

var boundlink = $("a.doppelgaenger");
$(boundlink).hover( function() {
   //mouse over
      $(boundlink).addClass("highlight");
   },
   //mouse out
   function() {
      $(boundlink).removeClass("highlight");
   }   
);

A następnie zdefiniuj wygląd w stylach:
CSS:
Kod:

a.doppelgaenger {cośtam}
a.doppelgaenger.highlight {inne-cośtam}


P.S.
The unattainable is unknown at webesteem.pl



▒▒▒▒▒ My new hobby ▒▒▒   
^
Odpowiedz z cytatem
Jamal_GTI




Od: 2010.10.21
Posty: 2

PostWysłany: 2010.10.22 19:59    Temat postu:

Dzięki ilovecss, ale gdzie dokładnie trzeba wpisać tą funkcję w jQuery i jak to ma wyglądać?

Ja to zrobiłem tak jak poniżej i umieściłem w sekcji head.
Kod:

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
var boundlink = $("a.doppelgaenger");
$(boundlink).hover( function() {
   //mouse over
      $(boundlink).addClass("highlight");
   },
   //mouse out
   function() {
      $(boundlink).removeClass("highlight");
   }   
);
</script>


Mimo to skrypt nie działa.
Chce ten efekt osiągnąć w tym miejscu (klik)
Po najechaniu myszką na zdjęcie (hiperłącze), chcę aby automatycznie aktywowało się drugie hiperłącze (przeglądaj), czyli podświetlało się, tak jakbym na nie najechał myszką. Oba hiperłącza przekierowują mnie do tej samej strony. Być może ten skrypt ilovecss'a jest dobry, jednak nie wiem czy to dobrze ogarnąłem. Czekam na Wasze wsparcie :)
^
Odpowiedz z cytatem
Wyświetl posty z ostatnich:   
Napisz nowy temat   Odpowiedz do tematu    Forum webesteem Strona Główna | html i javascript Wszystkie czasy w strefie CET (Europa)
Strona 1 z 1

 
Skocz do:  
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach

FAQ


serwery wirtualne, tanie domeny

Powered by phpBB © 2001, 2005 phpBB Group

89599243

Page generation time: 0.0299s (PHP: 85% - SQL: 15%) - SQL queries: 14 - GZIP enabled - Debug off