| Autor |
Nachricht |
Fuzy
Threadersteller
Dabei seit: 14.01.2003
Ort: PW
Alter: -
Geschlecht: 
|
Verfasst Mo 21.09.2009 15:45
Titel Hilfe javascript |
  |
|
Hallo
auch auf die Gefahr hin, dass dieses Problem schon diskutiert wurde:
Ich nutze ein accordian-script auf einer Seite. Leider wird das accordian kurz aufgeklappt angezeigt, beim laden der Seite.
In einem anderen Forum hab ich gelesen, dass Texte und Bilder immer Scripten vorraus geladen werden. Kann man das umgehen?
Hier noch ein paar Schnipsel:
| Code: | | <body onload="new Accordian('basic-accordian',5,'header_highlight');"> |
die-css-datei
| Code: | #basic-accordian{
padding:5px;
width:685px;
margin: 0px;
}
.accordion_headings{
background: #000 url('../images/arrow.gif') no-repeat left;
padding: 2px 2px 2px 18px;
color:#FFFFFF;
border-bottom: 1px solid #222;
cursor:pointer;
font-weight:bold;
}
.accordion_headings:hover{
background: #222 url('../images/arrowred.gif') no-repeat left;
}
.accordion_child{
padding:15px;
padding-top:0px;
padding-bottom:55px;
background:#000;
font-size: 12px;
color: #999999;
font-family: arial, sans-serif;
background: #000 url('../images/pfade.jpg') repeat-x bottom;
line-height: 1.5em;
}
.accordion_child ul {margin:0px;padding-left:16px;padding-top:5px;}
.accordion_child ul li {color:#990000;list-style-image: url('../images/arrow_js.gif');}
.accordion_child ul li span{color:#999999;}
.accordion_child ul ul li{margin:0px;padding-left:16px;padding-top:5px;color:#fff;}
.accordion_child h1{font-family: arial, sans-serif;font-size: 13px;color: #fff;padding:0px;margin:2px;}
.accordion_child h5{font-family: arial, sans-serif;font-size: 12px;color: #999;padding:0px;margin:2px;font-weight:normal;}
.header_highlight{
background: #222 url('../images/arrowred.gif') no-repeat left;
} |
und etwas html:
| Code: | <div id="basic-accordian" >
<!--Parent of the Accordion-->
<div>
<div id="test1-header" class="accordion_headings">Link1</div>
<div id="test2-header" class="accordion_headings">Link2</div>
<div id="test3-header" class="accordion_headings">Link3</div><br /><br />
</div>
<div>
<div id="test1-content">
<div class="accordion_child">
<h1>Überschrift</h1>
<h5>unterÜberschrift</h5>
<ul>
<li><span>Listenpunkt</span></li>
<li><span>Listenpunkt</span></li>
<li><span>Listenpunkt</span></li>
<li><span>Listenpunkt</span></li>
<li><span>Listenpunkt</span></li>
</ul>
... |
das Script ist von dezinerfolio.com „accordian.pack.js“
Zuletzt bearbeitet von Fuzy am Mo 21.09.2009 15:59, insgesamt 3-mal bearbeitet
|
|
| |
  |
 |
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 21.09.2009 15:51
Titel
|
|
|
Dann musst du sobald der notwendige Teil des Dokumentbaums geladen ist die
Funktion zum starten des Accordions aufrufen.
Klar, du hast jetzt immer noch keine Ahnung wie du dein Problem lösen kannst.
Aber hey, wen wundert es? Denn wie soll man dir helfen wenn du so spärlich mit
Informationen umgehst? Du bist doch lange genug dabei um zu wissen dass hier
gleich irgendwer nach deinem Script fragt oder? 
|
|
| |
 |
|
|
Anzeige
|
|
|
Fuzy
Threadersteller
Dabei seit: 14.01.2003
Ort: PW
Alter: -
Geschlecht:
|
Verfasst Mo 21.09.2009 16:23
Titel
|
|
|
| m hat geschrieben: | Dann musst du sobald der notwendige Teil des Dokumentbaums geladen ist die
Funktion zum starten des Accordions aufrufen.
Klar, du hast jetzt immer noch keine Ahnung wie du dein Problem lösen kannst.
Aber hey, wen wundert es? Denn wie soll man dir helfen wenn du so spärlich mit
Informationen umgehst? Du bist doch lange genug dabei um zu wissen dass hier
gleich irgendwer nach deinem Script fragt oder? |
na, dann kannste jetzt ja loslegen;-)
|
|
| |
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 21.09.2009 16:31
Titel
|
|
|
Anstatt das Script beim onload Event im body Tag aufzurufen, kannst du es direkt im Quelltext
unter dem Accordion Markup einfügen. Das heißt also anstatt:
| Code: | | <body onload="new Accordian('basic-accordian',5,'header_highlight');"> |
Rufst du die Funktion so auf:
| Code: | <div>
<div id="test1-header" class="accordion_headings">Link1</div>
<div id="test2-header" class="accordion_headings">Link2</div>
<div id="test3-header" class="accordion_headings">Link3</div><br /><br />
</div>
<div>
<div id="test1-content">
<div class="accordion_child">
<h1>Überschrift</h1>
<h5>unterÜberschrift</h5>
<ul>
<li><span>Listenpunkt</span></li>
<li><span>Listenpunkt</span></li>
<li><span>Listenpunkt</span></li>
<li><span>Listenpunkt</span></li>
<li><span>Listenpunkt</span></li>
</ul>
<script type="text/javascript">
new Accordian('basic-accordian',5,'header_highlight');
</script>
|
|
|
| |
|
|
Fuzy
Threadersteller
Dabei seit: 14.01.2003
Ort: PW
Alter: -
Geschlecht:
|
Verfasst Mo 21.09.2009 16:45
Titel
|
|
|
| m hat geschrieben: | Anstatt das Script beim onload Event im body Tag aufzurufen, kannst du es direkt im Quelltext
unter dem Accordion Markup einfügen. Das heißt also anstatt:
| Code: | | <body onload="new Accordian('basic-accordian',5,'header_highlight');"> |
Rufst du die Funktion so auf:
| Code: | <div>
<div id="test1-header" class="accordion_headings">Link1</div>
<div id="test2-header" class="accordion_headings">Link2</div>
<div id="test3-header" class="accordion_headings">Link3</div><br /><br />
</div>
<div>
<div id="test1-content">
<div class="accordion_child">
<h1>Überschrift</h1>
<h5>unterÜberschrift</h5>
<ul>
<li><span>Listenpunkt</span></li>
<li><span>Listenpunkt</span></li>
<li><span>Listenpunkt</span></li>
<li><span>Listenpunkt</span></li>
<li><span>Listenpunkt</span></li>
</ul>
<script type="text/javascript">
new Accordian('basic-accordian',5,'header_highlight');
</script>
|
|
jo, dank Dir, hat geklappt.
Kannst Du mir noch mit Deinen Worten schreiben, warum es jetzt klappt, bzw. wie jetzt die Lade-Routine ist?
|
|
| |
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 21.09.2009 16:49
Titel
|
|
|
Du hast mit dem ausführen der Funktion erst begonnen wenn das HTML Dokument
vollständig geladen wurde (onload event), jetzt wird sie bereits zuvor ausgeführt.
|
|
| |
|
|
Fuzy
Threadersteller
Dabei seit: 14.01.2003
Ort: PW
Alter: -
Geschlecht:
|
Verfasst Mo 21.09.2009 16:55
Titel
|
|
|
| m hat geschrieben: | Du hast mit dem ausführen der Funktion erst begonnen wenn das HTML Dokument
vollständig geladen wurde (onload event), jetzt wird sie bereits zuvor ausgeführt. |
klingt einleuchtend für mich. Ich frage mich nur warum Beispiel-Dateien für solche scripte (simple_accordions) immer mit onload event ausgeführt werden? Sobald man die Seite online betrachtet, blitzt es.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[javascript] mit <select> feld wert an javascript funk
javascript in php
Javascript Uhr
Javascript im XML
JavaScript in PHP
ist das javascript ?
|
|
Willkommen auf dem Portal für Mediengestalter
