AJAX-Prinzip mit PHP

**Nils_13**

@mkinzler: Meinst du so etwas ?

Code:

Wie rotiert man denn divs?

**freak4fun**

Wenn man das über das "Hide" und "Show" macht werden ja alle Daten geladen. Auch die, die der Besucher gar nicht möchte. Es ist vielleicht nicht viel, aber ich wollte es mal zu bedenken geben. MAn muss ja auch noch an die Modem/isdn-Nutzer denken.

Wenn du mehrere div-Elemente hast die untereinander liegen. Also nur das oberste zu sehen ist, kannst du über den z-index festlegen, welches Element oben liegt.

MfG
freak

**Nils_13**

markieren

Code:

			<style type="text/css">

<!--

 .examplediv

 {

  background-color:#efefef;

  border-style:solid #000000 1px;

 }

#divid1

{

 position:absolute;visibility:hidden;

 left:450px; top:350px; width:300px; height:150px;

 z-index:1;

}

#divid2

{

 position:absolute;visibility:hidden;

 left:450px; top:350px; width:300px; height:150px;

 z-index:2;

}

// -->

</style>

<div id="divid1" class="examplediv">

</div>

<div id="divid2" class="examplediv">

</div>

So etwas ?

**mkinzler**

zusammenfalten · markieren

XML-Code:

			<html>

<head>

  <script>

     function show( elem) {

     if (document.getElementById)

          document.getElementById(elem).style.zIndex= 6;

     }

  </script>

</head>

<body>

<div id="cont" style="position:absolute; top:0px; left:0px; width:100px; height: 20px; z-index:5 ;background:#fff;">

  <div id="empty" style="position:absolute; top:0px; left:0px; z-index:5; background:#fff;">

  </div>

  <div id="A" style="position:absolute; top:0px; left:0px; z-index:4; background:#fff;">

   Text A

  </div>

  <div id="B" style="position:absolute; top:-0px; left:0px; z-index:3; background:#fff;">

    Text B

  </div>

  <div id="C" style="position:absolute; top:0px; left:0px; z-index:2; background:#fff;">

    Text C

  </div>

  <div id="D" style="position:absolute; top:0px; left:0px; z-index:1; background:#fff;">

    Text D

  </div>

</div>

[url="javascript:show('A');"]A Anzeigen![/url]</p> 

[url="javascript:show('B');"]B Anzeigen![/url]</p> 

[url="javascript:show('C');"]C Anzeigen![/url]</p> 

[url="javascript:show('D');"]D Anzeigen![/url]</p> 

</body>

</html>

**Nils_13**

Der Code läuft soweit, aber wenn man D angezeigt hat und dann auf einen anderen Link klickt, wird der angeklickte Link nicht mehr ausgeführt bzw. angezeigt.

**mkinzler**

Das war auch nicht als Musterlösung, sondern als Beispiel gedacht. Du mußt nach dem du den DIV in den Vordergrund geschoben hast, den vorherigen nach hinten schieben (z-Index < )

**Nils_13**

Und wie macht man das wieder ?

**mkinzler**

Genauso wie du den einen DIV nach vorne geschoben hast:

markieren

Code:

document.getElementById(<elemname>).style.zIndex= 0;

**Nils_13**

Dann bin ich aber wieder beim Alten. Dann muss ich ja alle anderen Texte wieder auf 0 setzen.

**mkinzler**

Du kannst dir DIVs anfänglich alle auf 0 setzen und dann beim Aktivieren die Position immer um 1 erhöhen. dann funktioniert es ein Weilchen.
[Edit: Blöde Idee]

AJAX-Prinzip mit PHP

Re: AJAX-Prinzip mit PHP

Re: AJAX-Prinzip mit PHP

Re: AJAX-Prinzip mit PHP

Re: AJAX-Prinzip mit PHP

Re: AJAX-Prinzip mit PHP

Re: AJAX-Prinzip mit PHP

Re: AJAX-Prinzip mit PHP

Re: AJAX-Prinzip mit PHP

Re: AJAX-Prinzip mit PHP

Re: AJAX-Prinzip mit PHP

Forumregeln

Nils_13 Registriert seit: 15. Nov 2004 2.647 Beiträge	#31 Re: AJAX-Prinzip mit PHP 16. Aug 2006, 09:23 @mkinzler: Meinst du so etwas ? markieren Code: <div id=""> Wie rotiert man denn divs?
	Zitat

Nils_13 Registriert seit: 15. Nov 2004 2.647 Beiträge	#35 Re: AJAX-Prinzip mit PHP 16. Aug 2006, 10:29 Der Code läuft soweit, aber wenn man D angezeigt hat und dann auf einen anderen Link klickt, wird der angeklickte Link nicht mehr ausgeführt bzw. angezeigt.
	Zitat

mkinzler (Moderator) Registriert seit: 9. Dez 2005 Ort: Heilbronn 39.858 Beiträge Delphi 11 Alexandria	#36 Re: AJAX-Prinzip mit PHP 16. Aug 2006, 10:36 Das war auch nicht als Musterlösung, sondern als Beispiel gedacht. Du mußt nach dem du den DIV in den Vordergrund geschoben hast, den vorherigen nach hinten schieben (z-Index < ) Markus Kinzler
	Zitat

Nils_13 Registriert seit: 15. Nov 2004 2.647 Beiträge	#37 Re: AJAX-Prinzip mit PHP 16. Aug 2006, 10:41 Und wie macht man das wieder ?
	Zitat

mkinzler (Moderator) Registriert seit: 9. Dez 2005 Ort: Heilbronn 39.858 Beiträge Delphi 11 Alexandria	#38 Re: AJAX-Prinzip mit PHP 16. Aug 2006, 10:43 Genauso wie du den einen DIV nach vorne geschoben hast: markieren Code: document.getElementById(<elemname>).style.zIndex= 0; Markus Kinzler
	Zitat

Nils_13 Registriert seit: 15. Nov 2004 2.647 Beiträge	#39 Re: AJAX-Prinzip mit PHP 16. Aug 2006, 10:48 Dann bin ich aber wieder beim Alten. Dann muss ich ja alle anderen Texte wieder auf 0 setzen.
	Zitat

mkinzler (Moderator) Registriert seit: 9. Dez 2005 Ort: Heilbronn 39.858 Beiträge Delphi 11 Alexandria	#40 Re: AJAX-Prinzip mit PHP 16. Aug 2006, 10:55 Du kannst dir DIVs anfänglich alle auf 0 setzen und dann beim Aktivieren die Position immer um 1 erhöhen. dann funktioniert es ein Weilchen. [Edit: Blöde Idee] Markus Kinzler
	Zitat