z-index zufällig erstellen

Fireglider · 31.01.2006

Hallo,

geht um folgendes Thema
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index

Kann man den Wert, der als z-index feststeht, eher zufällig errechnen lassen?

PHP:

 <div style="position:absolute; top:30px; left:-30px; z-index:2; border:1px solid #888; background:#8f8;">
    <b>D:2</b><img src="hund.gif" width="208" height="181" border="0" alt="Hund">
  </div>

Vielleicht auch noch den Wert der Positionsbestimmungen für die Grafiken?

COGE · 31.01.2006

mit PHP gehts auf jeden Fall, JS vielleicht auch.

Fireglider · 03.02.2006

COGE schrieb:
mit PHP gehts auf jeden Fall, JS vielleicht auch.

und das soll mir helfen?

futtlui · 03.02.2006

nicht traurig sein - du hast ja nur gefragt, ob man das machen kann

Fireglider · 03.02.2006

futtlui schrieb:
nicht traurig sein - du hast ja nur gefragt, ob man das machen kann

grmpf...und wie macht man das?

COGE · 03.02.2006

ok wie hättens denn gern ? JS (kann ich nicht wirklich) oder PHP.

futtlui · 03.02.2006

z.B. mit rand():

Code:

<div style="position:absolute; top:30px; left:-30px; z-index:<?php echo rand(1;10); ?> border:1px solid #888; background:#8f8;">
    <b>D:2</b><img src="hund.gif" width="208" height="181" border="0" alt="Hund">
  </div>

Allerdings kann es so sein, daß der gleiche Wert mehrfach gewählt wird.
Daher nimmst Du vielleicht besser ein Array, in dem die Angaben gespeichert sind, wirfst die Werte mit array_rand() durcheinander und gibst die neue Reihenfolge nacheinander aus.

Fireglider · 04.02.2006

COGE schrieb:
ok wie hättens denn gern ? JS (kann ich nicht wirklich) oder PHP.

oha, gleich mehreres zur Auswahl....

...am liebsten wär mir PHP

Futtluis Vorschlag probier ich am Sonntag mal aus

Danke schonmal!

Fireglider · 05.02.2006

Code:

<style type="text/css">
#box1 { position:absolute; top:220px; left:220px; width:100px; height:100px; z-index:<?php echo rand(1;10);}
#box2 { position:absolute; top:235px; left:280px; width:100px; height:100px; z-index:<?php echo rand(1;10);}
#box3 { position:absolute; top:210px; left:350px; width:100px; height:100px; z-index:3; }
</style>

tut nich funktionuckeln...auch mit niedrigeren Werten nich ... :tr

futtlui · 05.02.2006

du hast den php-code auch nicht richtig eingefügt. Probier's mal so:

Code:

<style type="text/css">
#box1 { position:absolute; top:220px; left:220px; width:100px; height:100px; z-index:<?php echo rand(1;10); ?>;}
#box2 { position:absolute; top:235px; left:280px; width:100px; height:100px; z-index:<?php echo rand(1;10);}
#box3 { position:absolute; top:210px; left:350px; width:100px; height:100px; z-index:3; }
</style>

Ich hab's jetzt nur für box1 korrigiert, damit Du den Unterschied siehst. Du hattest vergessen, den PHP-Code zu schließen.

Aber wie gesagt: damit ist es wahrscheinlich, daß die gleiche Zahl mehrfach verwendet wird.

RIP · 06.02.2006

müsste das nicht rand(1,10) heissen (also "," statt ";")???
und wenn du davor noch "srand((double)microtime()*1000000);" einfügst isses auch (fast) immer ne andere zufallszahl (so wird die startzahl für den zufallsgenerator neu festgelegt, mithilfe der aktuellen zeit)

Fireglider · 06.02.2006

Code:

#box1 { position:absolute; top:220px; left:220px; width:100px; height:100px; z-index:<?php echo rand(3;4); ?>;}
#box2 { position:absolute; top:235px; left:280px; width:100px; height:100px; z-index:<?php echo rand(1;2); ?>;}

Alleine von den Werten müsste es ja jetzt so sein, daß die erste Box über die zweite gezeicht wird...is aber nich so :tr

Fireglider · 06.02.2006

RIP schrieb:
müsste das nicht rand(1,10) heissen (also "," statt ";")???
und wenn du davor noch "srand((double)microtime()*1000000);" einfügst isses auch (fast) immer ne andere zufallszahl (so wird die startzahl für den zufallsgenerator neu festgelegt, mithilfe der aktuellen zeit)

mit komma anstatt semikolon hats auch nich gefunkt...wie müsste denn bei Dir denn da der komplette Code aussehen?

futtlui · 06.02.2006

jo, die Argumente müssen in der Tat mit , getrennt werden und nicht mit ;

srand() braucht man ab PHP 4.2.0 nicht mehr und wenn das Zahlenspektrum so klein gehalten ist spielt es auch keine Rolle mit welchem internen Startwert rand() arbeitet. Da gibt's trotzdem Dubletten.

futtlui · 06.02.2006

Fireglider schrieb:
hats auch nich gefunkt...

Was steht denn in der Ausgabedatei?

RIP · 06.02.2006

was steht denn im quellcode, wenn du die seite aufgerufen hast? weil da müsste dann ja chon die richtige zahl stehn...

edit:
ah, des mit srand hab ich jetzt auch noch net gewusst...

futtlui · 06.02.2006

[EDIT]
Hier also die Lösung, die doppelte Werte ausschliest.

PHP:

<?php
$zindex = range(1,3);
shuffle($zindex);
?>

HTML:

<style type="text/css">
#box1 { position:absolute; top:220px; left:220px; width:100px; height:100px; z-index:<?php echo $zindex[0]; ?>; }
#box2 { position:absolute; top:235px; left:280px; width:100px; height:100px; z-index:<?php echo $zindex[1]; ?>; }
#box3 { position:absolute; top:210px; left:350px; width:100px; height:100px; z-index:<?php echo $zindex[2]; ?>; }
</style>

Ich bin jetzt mal von nur 3 Layern ausgegangen. Wenn's mehr sind musst Du nur den Zahlenbereich vergrößern (2. Wert in range) und die Ausgabe mit jeweils erhöhtem Index (immer bei [0] beginnen) fortsetzen.

Fireglider · 06.02.2006

RIP schrieb:
was steht denn im quellcode, wenn du die seite aufgerufen hast? weil da müsste dann ja chon die richtige zahl stehn...

edit:
ah, des mit srand hab ich jetzt auch noch net gewusst...

im quelltext steht das hier hier...

Code:

#box1 { position:absolute; top:220px; left:220px; width:100px; height:100px; z-index:<?php echo rand(3,4); ?>;}
#box2 { position:absolute; top:235px; left:280px; width:100px; height:100px; z-index:<?php echo rand(1,2); ?>;}
#box3 { position:absolute; top:210px; left:350px; width:100px; height:100px; z-index:3; }

RIP · 06.02.2006

dann hast du die datei net von nem php-fähigen webspace aufgerufen, oder die datei hat net die endung .php
also des funzt so auf jeden fall, hab dir hier mal ein beispiel hochgeladen:
http://userserv.fh-reutlingen.de/~eichels/powerforen/z-index.php

hier der quelltext (hab gleich die variante von futtlui aufgegriffen, da des natürlcih geschickter is, wenn da keine zahlen doppelt vorkommen...):

PHP:

<?php
$zindex = range(1,3);
shuffle($zindex);
?>
<style type="text/css">
<!--
#box1 { position:absolute; top:220px; left:220px; width:100px; height:100px; z-index:<?php echo $zindex[0]; ?>;}
#box2 { position:absolute; top:235px; left:280px; width:100px; height:100px; z-index:<?php echo $zindex[1]; ?>;}
#box3 { position:absolute; top:210px; left:350px; width:100px; height:100px; z-index:<?php echo $zindex[2]; ?>;}
-->
</style>
<img src="1.jpg" id="box1">
<img src="2.jpg" id="box2">
<img src="3.jpg" id="box3">

bulldog · 06.02.2006

@Fireglider

Nur zur Info .. auch wenn der Webspace PHP unterstützt, muss auch eine HTML Datei welche PHP Code beinhaltet die Endung .php haben. Ansonsten wird der Code vom Server nicht ausgeführt sondern nur, wie in deinem Beispiel, lesbar im Quelltext ausgegeben.

[EDIT]
Ups, übersehen .. steht ja da oben schon ... naja, doppelt hält besser ..

z-index zufällig erstellen

Fireglider

COGE

Fireglider

futtlui

Fireglider

COGE

futtlui

Fireglider

Fireglider

futtlui

RIP

Fireglider

Fireglider

futtlui

futtlui

RIP

futtlui

Fireglider

RIP

bulldog

z-index zufällig erstellen

ANGEBOTE & SPONSOREN

Neueste Beiträge

Statistik des Forums