mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: So 28.04.2024 13:04 Benutzername: Passwort: Auto-Login

Thema: Definiertes/bestimmtes DIV "langsam" einbelden/faden vom 02.02.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Definiertes/bestimmtes DIV "langsam" einbelden/faden
Seite: 1, 2  Weiter
Autor Nachricht
gajel
Threadersteller

Dabei seit: 19.09.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 02.02.2010 11:47
Titel

Definiertes/bestimmtes DIV "langsam" einbelden/fad

 Antworten mit Zitat Zum Seitenanfang
Hallo Leute,

ich bin auf der suche nach einem Sript was mir ein bestimmten/definierten DIV Container langsam einblendet/fadet, wenn die Seite neu geladen wird. Also immer wenn wenn man z.B die Seite akktualisiert. Ich denke mit irgend einer Java libary wäre das wohl lösbar.... aber habe nix entsprechendes bei google gefunden..zumind. nichts was bei mir funktioniert hat.

Würde mich über Hilfe sehr freuen.

Gruß.
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 02.02.2010 11:54
Titel

Antworten mit Zitat Zum Seitenanfang
Ja jquery/animate kann das

http://api.jquery.com/animate/
  View user's profile Private Nachricht senden
Anzeige
Anzeige
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Di 02.02.2010 12:02
Titel

Antworten mit Zitat Zum Seitenanfang
http://fx.inetcat.com/

kann das auch und ist deutlich kleiner.
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 02.02.2010 12:13
Titel

Antworten mit Zitat Zum Seitenanfang
ganz fix ginge auch so

Code:
.divname { display:none; }


Code:
$(document).ready(function() {
  $(".divname").fadeIn("slow").css("display","block");
});


jQuery Library einbinden nicht vergessen
  View user's profile Private Nachricht senden
gajel
Threadersteller

Dabei seit: 19.09.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 02.02.2010 12:24
Titel

Antworten mit Zitat Zum Seitenanfang
War ja klar das es bei mir wieder nicht funktionert.

Die ersten 2 Methoden funktionieren einfach nicht und bei der letzten bleibt das DIV durchgehend HIDDEN.
Muss dazu sagen bin java neuling..
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 02.02.2010 12:25
Titel

Antworten mit Zitat Zum Seitenanfang
Zeig doch mal Deinen Quelltext
  View user's profile Private Nachricht senden
gajel
Threadersteller

Dabei seit: 19.09.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 02.02.2010 12:32
Titel

Antworten mit Zitat Zum Seitenanfang
Einmal der CSS code für den Container um den es geht:
Code:

#mitte {
   float:left;
   width:36%;
   height: 450px;
   background-color:#FFF;
   font-family:Verdana, Geneva, sans-serif;
   background-image: url(../images/orange_flower.png);
   border-left-width: 1px;
   border-top-style: none;
   border-bottom-style: none;
   border-left-style: solid;
   border-top-color: #FFF;
   border-bottom-color: #FFF;
   border-left-color: #666;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #CCC;


Und hier der Quelltext der Seite:
Code:

     <script src="java/jquery-1.4.js" type="text/javascript"></script>
 
    <script src="java/fx.js" type="text/javascript"></script>
 
     <script src="java/lib/prototype.js" type="text/javascript"></script>
     <script src="java/src/scriptaculous.js" type="text/javascript"></script>
     <script src="java/src/unittest.js" type="text/javascript"></script>


</head>

<body>

<script>

$fx('#mitte').fxAdd().fxHold(2000);

</script>
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 02.02.2010 12:37
Titel

Antworten mit Zitat Zum Seitenanfang
Auch hier. Verschiedene JavaScript Librarys können nicht ohne weiteres zusammen genutzt werden.

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Dann finde ich die display Eigenschaft des Divs nirgendwo.

Außerdem weiß dein Browser mit <script> wenig anzufangen.

Wenn dann
Code:
<script type="text/javascript">/*tu was*/</script>


Dann gibt es kein Event für das Script. Wann soll es ausgeführt werden?

Das hatte ich dir aber in dem Bsp mit aufgeführt.
  View user's profile Private Nachricht senden
 
Ähnliche Themen [Javascript] Text faden
[Flex] Ein Ziel faden
Jquery backgrounds faden?
[Flash MX] Faden, Swapen und Moven mit AS
faden klappt nicht bei zu viel MCs
Coding - Problem mit Script/Faden von Bildern
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB