mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 14:54 Benutzername: Passwort: Auto-Login

Thema: jquery Toggle onLoad vom 17.12.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> jquery Toggle onLoad
Autor Nachricht
skate-rock
Threadersteller

Dabei seit: 29.08.2003
Ort: Osnabrück
Alter: -
Geschlecht: Männlich
Verfasst Do 17.12.2009 09:20
Titel

jquery Toggle onLoad

Antworten mit Zitat Zum Seitenanfang

moin zusammen

ich bräuchte nen kleines jquery-script bei dem beim laden der
seite eine box reingefahren wird und beim klick auf einen link
wieder ausfährt. also einen toggle effekt bei onload und onclick
oder so??

hat da jemand grad was da? bin nicht so das programmier-genie
und hab zwar einige toggle-scripts aber alle nur bei onclick.. Menno!

danke!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 17.12.2009 10:01
Titel

Antworten mit Zitat Zum Seitenanfang

Und wenn du die onClick Funktion entfernst und stattdessen dein Script für window.onload nutzt?

Ist doch nour das Event was sich ändert.

Zeig doch mal das Script was Du bis jetzt hast.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
DesignKater

Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 17.12.2009 10:18
Titel

Re: jquery Toggle onLoad

Antworten mit Zitat Zum Seitenanfang

skate-rock hat geschrieben:
moin zusammen

ich bräuchte nen kleines jquery-script bei dem beim laden der
seite eine box reingefahren wird und beim klick auf einen link
wieder ausfährt. also einen toggle effekt bei onload und onclick
oder so??

hat da jemand grad was da? bin nicht so das programmier-genie
und hab zwar einige toggle-scripts aber alle nur bei onclick.. Menno!

danke!


Im CSS:
Code:

#id_der_box{height:300px; width:400px; position:absolute; top:-300px;}


Als script dann folgendes:

Code:

$(function() {
  $('#id_der_box').animate({'top':'100'},300);
  $('#link').click(function(){
    $('#id_der_box').animate({'top':'-400'},300);
  });
});
  View user's profile Private Nachricht senden
skate-rock
Threadersteller

Dabei seit: 29.08.2003
Ort: Osnabrück
Alter: -
Geschlecht: Männlich
Verfasst Di 22.12.2009 22:10
Titel

Antworten mit Zitat Zum Seitenanfang

besten dank designkater, funktioniert einwandfrei * Ja, ja, ja... * * Ja, ja, ja... *

habs etwas für mich umgebaut
Code:
jQuery(document).ready(function() {
  $('#content').animate({width: 'show',opacity: 'show'},'slow');
  $('li.page_item a').click(function(){
  $('#content').animate({width: 'hide',opacity: 'hide'},'slow');
  });
});


danke nochmal!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Jquery If(.toggle()) {visible|hidden}
[jQuery] toggle(); Funktion zurücksetzen
onLoad und CSS - background-image
toggle funktion ?
javascript onload um div später zu laden
[Javascipt] Toggle Skript
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.