zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Skript das Inhalte ein- und ausblenden kann! JS und CSS Kombi!

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.08.2009, 22:52
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.09.2008
Beiträge: 35
flobox befindet sich auf einem aufstrebenden Ast
Frage Skript das Inhalte ein- und ausblenden kann! JS und CSS Kombi!

Hallo zusammen,

ich suche ein Skript das Inhalte ein- und ausblenden kann, nach einem Klick auf ein Icon!

Auf folgender Seite existiert so etwas:

Damen-Bademode im Preisvergleich bei GMX - Shopping

Wenn man auf ein rotes + Icon klickt, erscheint der versteckte Inhalt (kein AJAX!). Das Icon wird außerdem zu einem - Icon. Folgenden Code konnte ich bisher extrahieren:

<h4 title="aufklappen" onmouseover="this.title='aufklappen';" onclick="return Fold.folder(this, null, 'aufklappen');"><span>Hersteller</span></h4>

Also ich glaube das ist der Main Code. Hier das dazu passende CSS:

.jsActive #resultFilter h4 {
background:transparent url(//img.ui-portal.de/preisvergleich/gmx/img/mod/bg-dottedline-plus-790.gif) no-repeat scroll 100% 7px;
color:#2269C3;
cursorointer;
}

#resultFilter h4 {
background:transparent url(//img.ui-portal.de/preisvergleich/gmx/img/mod/bg-dotted-horizontal.gif) repeat-x scroll left bottom;
height:17px;
line-height:13px;
margin:0;
white-space:nowrap;
}

So irgendwie schaltet das JS dann zwischen den verschiedenen CSS Anweisungen hin und her und das ist das Background Bild jeweils unterschiedlich, also einmal minus Zeichen und einmal plus Zeichen...

Mir fehlt jetzt allerdings noch der weiterführende Java Code! Hat jemand vielleicht eine Idee wo ich ein solche Script finde? Oder eine Anleitung dies dies bewerkstelligen könnte?

Freue mich über Ideen und Anregungen!

Viele Grüße
Florian
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.08.2009, 02:05
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 01.06.2006
Beiträge: 622
Rico wird schon bald berühmt werden
Standard

Du meinst sicher ein Javascript? Und nicht Java!
Dafür gibt es im Web eine Menge Vorlagen, d.h. fertige Scripts. Du findest sie unter Accordion-Menu.

Rico
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 09:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 12:39
value mit css ausblenden? Labsuchin Webdesign CSS 4 25.08.2005 20:17
ie absturz bei css kombi? Sentinel CSS 6 19.08.2005 15:42
CSS Problem mit Firefox: Ausblenden von Border bei Tabellen MrCage CSS 2 13.04.2005 18:16


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:53 Uhr.