far muovere un div da sinistra a destra

[Jigulina]

ragazzi conoscete un modo per far muovere un div che parte da sinistra e arriva a destra e poi carica il testo?

[cavicchiandrea]

Probabilmente la cosa più facile e usare jquery (ma un minimo di conoscenza del framework ci vuole) e l'evento animate() http://api.jquery.com/animate/

[Jigulina]

si ho trovato questo, ma volevo saper come posso far visualizzare il testo solo dopo che abbia fatto il caricamento del div?

[cavicchiandrea]

Non conosco lo script in questione e non ho tempo e voglia di studiarmelo, ma se fa uso del evento animate .animate( properties, [duration,] [easing,] [complete])
al callback del evento puoi aggiungere quello che vuoi (testo, richiamare altra funzione, etc..), come già detto un minimo di conoscenza di jquery è necessaria altrimenti il tutto si complica di molto non capendo cosa stai facendo

[Jigulina]

ma non ti sto chiedendo di studiare lo script ma solo un aiuto

questa è la parte che muove il div:

$(document).ready(function() {
  $("#box") 
    .animate({height: "247px"},"slow")
    .animate({width: "660px"},1000)
    .animate({opacity: 0.5},1500);
  });

è il mio div è cosi:

<div id="box"><?php echo $testo; ?></div>

vorrei solo che il testo venisse mostrato solo dopo l'effetto .animate (opacity).

[Enzaccio]

Per la "traslazione" del DIV, bisognerà un po' vedere come è posizionato; se abbiamo un layout in pixel, torna più semplice.
In questo esempio, sposto un div da 50px a 400px di left-position:

<div id="one" style="position: absolute; left: 50px; border: 1px dashed red;">
 
 .. il contenuto 
lo dovrò caricare dopo ...
</div>


<script>

var leftpos = 50;

function move(){

 thediv = document.getElementById("one");
 leftpos ++;

 thediv.style.left = "" + leftpos + "px";
 
 if (leftpos < 400){ setTimeout("move();", 20); };

 }

window.onload = move();

</script>

setTimeout() imposta una temporizzazione che ogni 20 milli-secondi (valore che puoi cambiare) riesegue la funzione stessa. Il valore di left si incrementa di +1 ad ogni esecuzione della function.

[cavicchiandrea]

Originariamente inviato da Jigulina
ma non ti sto chiedendo di studiare lo script ma solo un aiuto

A no! allora avevo frainteso l'aver postato il link, ho ipotizzato uno studio dello script per poterlo modificare, ma è una mia malformazione io prima cerco di capire come funziona poi modifico ma non tutti la pensano cosi, pardon.
Tornando al tuo problema prova (non è detto che funzioni) cosi in rosso le aggiunte

questa è la parte che muove il div:

$(document).ready(function() {
  $("#box") 
    .animate({height: "247px"},"slow")
    .animate({width: "660px"},1000)
    .animate({opacity: 0.5},1500, function(){
$("#boxtext").css("display","block")});
  });

è il mio div è cosi:

<style>
#boxtext {display:none}
</style>

<div id="box"><span id="boxtext"><?php echo $testo; ?></span></div>

vorrei solo che il testo venisse mostrato solo dopo l'effetto .animate (opacity).

Sei consapevole che tutto quello che è dentro al div box subirà l'opacità pertanto anche il testo si opacizzerà

[Jigulina]

funziona grazie mille!!!