|
|
Japs
: 18.10.2004
|
| : 31.07.2010, 17:32 : Text über Link mittels CSS ein- & ausblenden ? |
|
|
Hallo,
ich habe folgendes vor und komme einfach nicht weiter:
Ich möchte verschiedene Texte mittels Link auf einer Seite ein & ausblenden lassen ohne das die Seite jedes mal neu geladen werden muss.
Nun meine Frage:
Kann ich dies über "id" mittels CSS realisieren ?
zB. so:
<div id"versandkosten">
Hier der Text über Versandkosten
</div>
<div id"widerruf">
Hier der Text über Widerrufsmöglichkeiten
</div>
<div id"agb">
Hier der Text der AGBs
</div>
Links dachte ich dann so:
<a id="versandkosten" href="#">Versandkosten</a>
<a id="widerruf" href="#">Widerruf</a>
<a id="agb" href="#">AGBs</a>
CSS:
#versandkosten {
color: #000000;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
Klickt man jetzt auf "Versandkosten" soll der Text über Versandkosten erscheinen, klickt man auf "Widerruf", dann der Text des Widerrufs usw.
Funktioniert aber nicht :(!!!
Fehlt da eventuell noch eine Javascript-Funktion und fals ja, welche ?
Wie könnte ich mein Vorhaben aber sauber für alle gängigen Browser realisieren ?
Danke & Gruß Dirk O. |
|
| Nach oben |
|
 |
xoni
: 22.08.2007
: 502
|
| : 31.07.2010, 17:43 : Text über Link mittels CSS ein- & ausblenden ? |
|
|
@ Japs
also ich nutze für solche Dinge im jQuery.
Schau mal hier, dort gibt es viele leicht anpassbare Beispiele...
http://jqueryui.com/demos/show/
xoni
"Cola schmeckt besser als aus dem Glas" |
|
| Nach oben |
|
|
nerd
: 15.02.2005
: 1686
: AKL
|
| : 01.08.2010, 13:26 : Text über Link mittels CSS ein- & ausblenden ? |
|
|
geht auch one js indem du zwischen <a></a> noch ein <span> mit deinem tooltip packst.
css style waere dann
a span {display:none;}
a:hover span {display:block; ...}
und noch ein bischen mit position absolute ausrichten usw.
marketing through social media is just like herding cats. and just to make it interesting, many of the cats are drunk and stupid...
blackhat linkkauf und so...  |
|
| Nach oben |
|
|
Japs
: 18.10.2004
|
| : 01.08.2010, 16:53 : Text über Link mittels CSS ein- & ausblenden ? |
|
|
| nerd hat Folgendes geschrieben: |
geht auch one js indem du zwischen <a></a> noch ein <span> mit deinem tooltip packst.
css style waere dann
a span {display:none;}
a:hover span {display:block; ...}
und noch ein bischen mit position absolute ausrichten usw. |
Damit wird aber das zu vor angeklickte bei einem anderen Klick nicht wieder automatisch ausgeblendet und das Neue eingeblendet oder ?
Beispiel:
Text a wird eingeblendet >>> Klick auf Link B >>> Text A wird ausgeblendet & Text B wird eingeblendet.
Ich brauche eine funktionierende Lösung für das hier:
http : //oppel.eu/baumarkthandel/ebay.html
Das arbeitet mit "jquery.js" aber so ein externes Script ist bei Ebay verboten :(((
Danke & Gruß Dirk |
|
| Nach oben |
|
|
nerd
: 15.02.2005
: 1686
: AKL
|
| : 01.08.2010, 21:56 : Text über Link mittels CSS ein- & ausblenden ? |
|
|
| Japs hat Folgendes geschrieben: |
Damit wird aber das zu vor angeklickte bei einem anderen Klick nicht wieder automatisch ausgeblendet und das Neue eingeblendet oder ?
|
Natuerlich wird das <span> wieder ausgeblendet wenn die maus den <a> bereich verlaesst ... noch nie mit a:hover gearbeitet?
marketing through social media is just like herding cats. and just to make it interesting, many of the cats are drunk and stupid...
blackhat linkkauf und so... |
|
| Nach oben |
|
|
