Scambiare la posizione div a runtime

mercoledì 29 aprile 2015 - 08.15
Tag Elenco Tags  VB.NET  |  .NET 3.5

d@dora Profilo | Senior Member

ciao ragazzi
sto cercando di scambiare la posizione di 2 div a runtime in asp.net, ma non sono molto ferrato in css, mi potete dare una mano ??
Ho 3 div, 1 contenitore e div A sopra div B, ora, in una particolare condizione devo scambiare di posto il div A con il div B e cioe', il div A che era sopra deve spostarsi sotto il div B

Modifico a runtime la class del div b e vedo che lo style del div viene cambiata, pero' i 2 div rimangono nella posizione originale.
Questo e' il css che uso, ma non funziona :
.sopra { position:relative ; top:0; left:0; z-index:1; }

help me :-(

alx_81 Profilo | Guru

>ciao ragazzi
ciao

>sto cercando di scambiare la posizione di 2 div a runtime in
>asp.net, ma non sono molto ferrato in css, mi potete dare una
>mano ??
Perchè non utilizzi il draggable di jQuery?
https://jqueryui.com/draggable/
https://jqueryui.com/droppable/

oppure, perchè non ti affidi a framework come bootstrap per avere già gratis queste cose?
http://web1.cs-computing.com/apps/demo/bootstrap/bootstrap_demo.nsf/dnd.xsp#dnd
Alessandro Alpi | SQL Server MVP | Engage IT Services s.r.l.
MCP|MCITP|MCTS|MCT
http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com

d@dora Profilo | Senior Member

articoli molto belli ma, forse, non mi sono spiegato bene, a me non serve gestire il drag&drop, ma solo scambiare la posizione di 2 div a runtime: se var a=1 allora div1 sopra, se a=2 div1 sotto.
Tutto qui, molto piu' semplice. :-)

grazie per la risposta

alx_81 Profilo | Guru

>articoli molto belli ma, forse, non mi sono spiegato bene, a
>me non serve gestire il drag&drop, ma solo scambiare la posizione
>di 2 div a runtime: se var a=1 allora div1 sopra, se a=2 div1 sotto.
>Tutto qui, molto piu' semplice. :-)
ok, quindi tu vuoi che dinamicamente un div stia o sopra o sotto in base ad una var lato c# oppure lato client con js?

Alessandro Alpi | SQL Server MVP | Engage IT Services s.r.l.
MCP|MCITP|MCTS|MCT
http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com

d@dora Profilo | Senior Member

>>articoli molto belli ma, forse, non mi sono spiegato bene, a
>>me non serve gestire il drag&drop, ma solo scambiare la posizione
>>di 2 div a runtime: se var a=1 allora div1 sopra, se a=2 div1 sotto.
>>Tutto qui, molto piu' semplice. :-)
>ok, quindi tu vuoi che dinamicamente un div stia o sopra o sotto
>in base ad una var lato c# oppure lato client con js?

lato vb :-)

>
>Alessandro Alpi | SQL Server MVP | Engage IT Services s.r.l.
>MCP|MCITP|MCTS|MCT
>http://blogs.dotnethell.it/suxstellino
>http://suxstellino.wordpress.com

alx_81 Profilo | Guru

>lato vb :-)
sì, scusami, intendevo code behind..
puoi mandarci l'html che devi "muovere"?
Alessandro Alpi | SQL Server MVP | Engage IT Services s.r.l.
MCP|MCITP|MCTS|MCT
http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com

d@dora Profilo | Senior Member

ora l'ho risolto cosi, ma sicuramente c'e un modo migliore...

<style> .sopra { position:absolute ; top:0; left:0; } .sotto { position:relative; top:73px; } </style>

<div id="divTab" runat="server" class="sotto">.....</div> <div id="divDettaglio" runat="server" class="sotto">.....</div>

a runtime testo una variabile e cambio gli attributi css dei div

If IsNothing(Request.QueryString("gest")) Then divTab.Attributes.Add("class", "sopra") divTipo.Attributes.Add("class", "sotto") End If

ciao e grazie

alx_81 Profilo | Guru

>ora l'ho risolto cosi, ma sicuramente c'e un modo migliore...
io avrei proprio cambiato la classe.. quindi secondo me non è una brutta soluzione.
Alessandro Alpi | SQL Server MVP | Engage IT Services s.r.l.
MCP|MCITP|MCTS|MCT
http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com

d@dora Profilo | Senior Member

quindi avresti usato lo stesso sistema ??

alx_81 Profilo | Guru

>quindi avresti usato lo stesso sistema ??
forse l'avrei fatto in javascript, ma il succo è il toggle della classe.
Alessandro Alpi | SQL Server MVP | Engage IT Services s.r.l.
MCP|MCITP|MCTS|MCT
http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2024
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5