Hoi,

Weet iemand of dit kan.

ik heb een set divs die er zo uitziet:

<div name="wrapper">

<div name="content1"> xxx</div>
<div name="content2"> xxx</div>
<div name="content3"> xxx</div>
<div name="content4"> xxx</div>
<div name="content5"> xxx</div>

</div>

Ik wil bepaalde divs boven alle andere divs kunnen plaatsen via css of javascript.
b.v. als iemand een content deel favoriet maakt verplaatst die div naar boven.

<div name="wrapper">

<div name="content5"> xxx</div>
<div name="content1"> xxx</div>
<div name="content2"> xxx</div>
<div name="content3"> xxx</div>
<div name="content4"> xxx</div>

</div>

is dit mogelijk?

Beste Gerd,

Waarom doe je het niet zo:

<div id="wrapper">
<div class="content1"></div>
<div class="content2"></div>
<div class="content3"></div>
<div class="content4"></div>
<div class="content5"></div>
</div>

CSS:

#wrapper {}
div.content1 {}
div.content2 {}
div.content3 {}
div.content4 {}
div.content5 {}

en gebruik je bijvoorbeeld float elementen.

Hoe je de div's kunt laten verspringen als iemand hem favoriet maakt weet ik niet, maar daar is vast wel een manier voor :-)

Mvg, Vivianne

Daar heb je geen css voor nodig. Dat kan je denk ik het beste doen met php in combinatie met mysql/cookies.

name="" kan je trouwens beter veranderen in: id="" of in class=""

Helaas heb ik geen erg goede kennis van PHP, dus ik kan je niet verder helpen hiermee.

enig idee hoe die float setup eruit komt te zien?

ben tot nu toe wat aan het klooien

#moveup {
position:relative;
top: 0;
}

#alldivs {
position:relative;
bottem: 0;
}

#wrapper {
position:relative;
}

Hoe wou je het met float doen? heb al geprobeerd met float: top; zonder succes
Aanvullend bericht:
php is geen optie, het is een pagina zonder refresh.
om je een idee te geven (pas op is een adult site, indien je kinderen etc in huis hebt) http://www.sexbookmarks.nl/index2.php

Elke link staat in een div, favorieten worden nu nog ingesteld door php, maar dit word straks door ajax gedaan (geen refresh)

je moet iets met z-index doen. hoe hoger het nummer hoe meer naar boven de div zit.

mm z-index es eve proberen

#moveup {
position:absolute;
z-index:9;
}

#alldivs {
position:absolute;
z-index:1;
}

#wrapper {
position:relative;
}

lijkt nie te werken, doe vast wat fout :D

z-index is er alleen om het over elkaar heen te zetten, niet om het boven elkaar te zetten.
http://www.gigadesign.be/2006/04/werken-met-z-index/

Het moet dus met PHP / Javascript, met html en css kan je het niet interactief maken.

Met een simpel stukje Php kun je dit wel oplossen, een klein voorbeeldje voor je (Ik ben even uitgegaan van een database)

PHP Code:

     $ip = $_SERVER["REMOTE_ADDR"];
     $query = mysql_query("SELECT * FROM bezoekers WHERE ip = '$ip'");

     $result = mysql_fetch_assoc($query);
     $nummering = $result["nummering"];

      //Uitgaande van de de nummering er alsvolgt uitziet : 
      $nummering = "1, 5, 3, 4, 2";

      //We gaan de string nu opdelen 
      $exploded = explode(",", $nummering);

      //D.m.v een loop gaan we de divjes juist indelen
     for($exploded as $variabel) {
          $query = mysql_query("SELECT * FROM infotabel WHERE nummer = '$variabel'";
          $result = mysql_fetch_assoc($query);
          $links = $result["content"];
          echo "<div class=\"content$variabel\"> $links </div>";
     } 


Misschien dat er nog een foutje in het script zit, ik heb het even snel geschreven. De database kan je natuurlijk ook gewoon vervangen door COOKIES of SESSIONS.

Maar waarom zou dit systeem met AJAX moeten gaan werken, wanneer je een bepaalde div favoriet maakt, en deze dus hoger moet dan wordt de pagina toch opnieuw geladen. Indien je echt AJAX wil gaan gebruiken kan je denk ik ook gebruik van Javascript maken, alleen kan ik hier geen voorbeeld voor schrijven door gebrek aan Javascript kennis.

Is dit misschien wat je zoekt?