[Erledigt] ausgeblendetes div nicht mitladen

Aceh · 04.01.2012, 10:23

Hallo!

Ich habe hier sowas:

PHP-Code:

  <script type="text/javascript">

function load(divid) {

d=document;

d.getElementById("load").style.display="inline";

d.getElementById(divid).style.display="none";

}

 
window.onload = function() {

load();

}

</script>

 
 
 
<div id="load" style="display:none"></div>

und es wird mittels onclick angezeigt (klappt gut).

Da ich aber jede menge dieser "unsichtbaren" divs habe und alle beim seiten-aufruf mitgeladen werden, will ich aus performance-gründen es ermöglichen, dass jeder einzelne div-container erst nach dem anklicken von onclick geladen wird.

wäre echt klasse, wenn jemand mir helfen kann, ich musste aus zeitgründen die komplette nacht damit beschäftigen -.-

dsentker · 04.01.2012, 10:36

Was genau meinst du? Suchst du AJAX?
PS: Dein o.g. Script müsste Fehler werden, da load(divid) einen Parameter erwartet, du diesen aber bei Aufruf nicht mit angibst.

mquadrat · 04.01.2012, 12:00

Wenn's im Quelltext steht wird es auch geladen. Ein "display:none" hält da eigentlich keinen Browser von ab. Du könntest bei den Bildern ggf. einen Platzhalter nehmen und die erst nachladen, wenn das div sichtbar wird.

jspit · 04.01.2012, 12:22

Alternativ kannst du auch ein html-element (div) mit js in einem onclick-event dynamisch erzeugen.

Zitat:

Zitat von dsentker

PS: Dein o.g. Script müsste Fehler werden, da load(divid) einen Parameter erwartet, du diesen aber bei Aufruf nicht mit angibst.

js wirft hier kein Fehler, der Parameter ist in der function einfach nur undefined.

nikosch · 04.01.2012, 15:57

Und was soll da anstatt dessen stehen? Irgendwie musst Du die Position ja kennzeichnen, wo etwas hingeladen wird.

Aceh · 04.01.2012, 17:03

@dsentker: Das ist ein code-abschnitt, natürlich wird load(divid) mit onclick gesteuert ->

PHP-Code:

  <a onclick="load('load')">load</a>

@jspit & mquadrat: wie gehe ich dabei vor? javascript fällt mir noch so schwer wie wo ich mir am anfang php beigebracht hatte.

@nikosch: hab ich vergessen hinzuschreiben, css sind alles da z.b.:

PHP-Code:

  <style type="text/css">

#load { z-index:1; bottom:22px; left:0px; right:0px; height:25px; position:fixed; }

</style>

nikosch · 04.01.2012, 17:41

Das meine ich nicht. Wenn Du etwas nachlädtst, muss es ja irgendwo ins DOM gehängt werden.

jspit · 04.01.2012, 17:50

Na am einfachsten in den body...

Code:

<script type="text/javascript">
window.onload = function() {
  var div = document.createElement("div");
  div.setAttribute("id", "load");
  var thisdiv= document.body.appendChild(div);
  thisdiv.innerHTML="Mein Text im div";
}
</script>

nikosch · 04.01.2012, 19:40

Das muss aber nicht zwingend Sinn machen (bzw. ist in den wenigsten echten Anwendungen sinnvoll). Da oben nur Pseudocode steht, kann man hier auch nur mutmaßen.

jspit · 04.01.2012, 20:09

Eventuell in Browserspielen. Aber das sind für mich auch keine echten Anwendungen (kommt jetzt irgendwo ein Aufschrei?). So gesehen muß ich dir voll zustimmen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

04.01.2012, 10:23
Aceh Erfahrener Benutzer Registriert seit: 01.03.2011 Beiträge: 120 PHP-Kenntnisse: Anfänger	[Erledigt] ausgeblendetes div nicht mitladen Hallo! Ich habe hier sowas: PHP-Code: `<script type="text/javascript"> function load(divid) { d=document; d.getElementById("load").style.display="inline"; d.getElementById(divid).style.display="none"; } window.onload = function() { load(); } </script> <div id="load" style="display:none"></div>` und es wird mittels onclick angezeigt (klappt gut). Da ich aber jede menge dieser "unsichtbaren" divs habe und alle beim seiten-aufruf mitgeladen werden, will ich aus performance-gründen es ermöglichen, dass jeder einzelne div-container erst nach dem anklicken von onclick geladen wird. wäre echt klasse, wenn jemand mir helfen kann, ich musste aus zeitgründen die komplette nacht damit beschäftigen -.-


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

04.01.2012, 10:36
dsentker Erfahrener Benutzer Registriert seit: 26.11.2008 Beiträge: 264	Was genau meinst du? Suchst du AJAX? PS: Dein o.g. Script müsste Fehler werden, da load(divid) einen Parameter erwartet, du diesen aber bei Aufruf nicht mit angibst. __________________

04.01.2012, 12:00
mquadrat Erfahrener Benutzer Registriert seit: 02.09.2009 Beiträge: 1.019 PHP-Kenntnisse: Fortgeschritten	Wenn's im Quelltext steht wird es auch geladen. Ein "display:none" hält da eigentlich keinen Browser von ab. Du könntest bei den Bildern ggf. einen Platzhalter nehmen und die erst nachladen, wenn das div sichtbar wird. __________________ Wir suchen PHP Entwickler (Vollzeit) im Raum Darmstadt / Rhein-Main. Infos via E-Mail mueller@new-frontiers.de

04.01.2012, 15:57
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Und was soll da anstatt dessen stehen? Irgendwie musst Du die Position ja kennzeichnen, wo etwas hingeladen wird. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

04.01.2012, 17:03
Aceh Erfahrener Benutzer Registriert seit: 01.03.2011 Beiträge: 120 PHP-Kenntnisse: Anfänger	@dsentker: Das ist ein code-abschnitt, natürlich wird load(divid) mit onclick gesteuert -> PHP-Code: `<a onclick="load('load')">load</a>` @jspit & mquadrat: wie gehe ich dabei vor? javascript fällt mir noch so schwer wie wo ich mir am anfang php beigebracht hatte. @nikosch: hab ich vergessen hinzuschreiben, css sind alles da z.b.: PHP-Code: `<style type="text/css"> #load { z-index:1; bottom:22px; left:0px; right:0px; height:25px; position:fixed; } </style>`

04.01.2012, 17:41
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Das meine ich nicht. Wenn Du etwas nachlädtst, muss es ja irgendwo ins DOM gehängt werden. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

04.01.2012, 19:40
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Das muss aber nicht zwingend Sinn machen (bzw. ist in den wenigsten echten Anwendungen sinnvoll). Da oben nur Pseudocode steht, kann man hier auch nur mutmaßen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

04.01.2012, 20:09
jspit Erfahrener Benutzer Registriert seit: 19.08.2011 Beiträge: 701 PHP-Kenntnisse: Anfänger	Eventuell in Browserspielen. Aber das sind für mich auch keine echten Anwendungen (kommt jetzt irgendwo ein Aufschrei?). So gesehen muß ich dir voll zustimmen.