zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden DIV sliden lassen etwas anders (prototype + scriptaculous)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.10.2007, 20:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2007
Beiträge: 1
deineMudder befindet sich auf einem aufstrebenden Ast
Standard DIV sliden lassen etwas anders (prototype + scriptaculous)

Hallo zusammen,
ich habe ein kleines Problem bei dem ich momentan einfach nicht weiterkomme:

hier der Code-Schnipsel:

Code:
<div class="w460 hidden" id="googleMap" style="height:110px;">
<div>
<img src="../images/dummy/googlemap_460x460.gif" alt="dummy" title="dummy" width="460" height="460" class="block" />
</div>
</div>

<div class="bd-t1-white pd-t3 pd-b3 pd-l9">
<div class="arrow_small w110">
<div class="left_rect">
<a id="googleButton" class="d_light pd-l21" href="#" onclick="toggleMAP('googleMap','googleButton');" title="Karte ausklappen">Ausklappen</a>
</div>
</div>
</div>
Eine kurze Erklärung dazu.
Ich habe später eine GoogleMap Applikation die in einem DIV in einer gekürzten Fassung angezeigt wird. Beim Klick auf den googleButton, soll das DIV seine komplette Größe annehmen. Zusätzlich soll sich der Button optisch ändern und der title/Text des Buttons ändern.

Die Funktionalität steht soweit, allerdings fehlt mir der schöne Slide Effekt.

Code:
<script type="text/javascript">
function toggleMAP(Container,Button){
	var Element = $(Container);
	var Button = $(Button);

	if(Element.style.height == "110px") {
		Element.style.height = 460+"px";
		Button.title = "Zuklappen";
		Button.innerHTML = "Zuklappen";
	}else{
		Element.style.height = 110+"px";
		Button.innerHTML = "Ausklappen";
		Button.title = "Ausklappen";
	}

	toggleClass(Button,'d_light','u_light');

}
</script>
Hat jemand eventuell eine Idee wie ich den Slide Effekt verwenden kann? Bisher habe es nicht geschafft ein Element in seiner Größe per Scriptaculous sliden zu lassen, sondern eben nur "sichtbar/nicht sichtbar".
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
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Header entfernen tripple CSS 17 15.06.2010 16:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:49 Uhr.