Newsgroup: it.comp.lang.javascript
Titolo: Sovrappore Immagini

Salve a tutti,
sono MAssimiliano, assolutamente nuovo su questo NG
Volevo sottoporvi questo quesito.
Nel mio file html con dei jscript porto a spasso delle immagini con il drag.
Mi piacerebbe che queste all'apertura uscissero alla rinfusa e anche
sovrapponendosi tra loro
E' possibile farlo? Come?
Tks
-- 
_ _
Ciao
MAssimiliano Amendola            
www.accessgroup.it
Cisa - Conferenza Italiana per Sviluppatori Access
Info:  
www.donkarl.com/it

 E' possibile farlo? Come?
Hai fatto te lo script? sinceramente dubito (quello che scrivi è abbastanza
complesso...non troppo [ma nulla è molto complesso in ambiente internet] ma
abbastanza). 
io al posto tuo, quindi, chiederei al creatore dello script.
in generale per piazzare dei div "a caso" boh, una function che restituisce
x e y e poi onload assegnarlo ai vari div (che avranno sicuramente un
position:absolute)?
-- 
"Non sai che ci vuol scienza
 ci vuol costanza
 ad invecchiare senza maturità"
									    F.G.

> sovrapponendosi tra loro
Cià che mi sono divertito ...
 
http://www.criosoftware.it/bak/DivPositionRandom.htm
-- 
"qualcuno è andato per età
 qualcuno perchè già dottore
 e insegue una maturità, si è sposato, fa carriera
 ed è una morte un po' peggiore"
									    F.G.

 sicuramente un position:absolute)?
Per completezza ti dico la funzione che uso
<style>
<!--
.drag{position:absolute;cursor:hand}
-->
</style>
<script language="JavaScript1.2">
<!--
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</script>
<style>
Ho visto la tua funzione dell'altro post e devo dire che è quello che mi
serve
tranne che l'immagine deve essere a grandezza fissa e che ho già delle
immagini
(non devo usare delle label generiche)
Per il primo problema ho tolto LimitW e LimitH
ma per il secondo problema oggi io uso
<img src="Foto/castagne/Calice.JPG" class="drag" width="205" height="153"
hspace="0" vspace="120">
Come l'incasteresti il tuo script?
Grazie già per quello che hai risposto


 Come l'incasteresti il tuo script?
Mi spiace ma non capisco bene cosa vuoi ottenere ... cioé: immagini ci
siano N immagini, come le incastri? Se le hai in un array basta inserire
dentro i div creati l'img. Ma non ho appunto ben capito cosa vuoi ottenere
e dove prendi queste immagini.
Il mio esempio era scollegato da questo, serviva solo a creare N div in
posizioni random.
-- 
"Ti sei salvato
 o sei entrato in banca pure tu?"
									    A.V.

 in posizioni random.
E ma ne ho da studiare..


 sicuramente un position:absolute)?
Da quest'ultima affermazione mi hai invogliato a leggermi lo script e ho
visto che la position era relative
e quindi ho semplicemente messo su abosuto e sistemato le foto come
volevo...
A mano, una ad una ma l'ho sistemata
Grazie in ogni caso.


 A mano, una ad una ma l'ho sistemata
Quindi hai risolto e non hai piů bisogno?
-- 
"e mai che mi sia venuto in mente
 di essere piů ubriaco di voi
 di essere molto piů ubriaco di voi"
									  F.D.A.

 Quindi hai risolto e non hai più bisogno?
Se riuscissi ad avere una funzione random te ne sarei grato
Grazie della disponibilità


 Se riuscissi ad avere una funzione random te ne sarei grato
Dal mio codice:
 Math.floor(Math.random()*(LimiteX+1))+"px";
LimiteX va sostituito con il valore massimo da ottenere (+1 perché
l'estremo è escluso). "px" serve per i browser seri (IE se ne sbatte e
funziona anche senza).


 funziona anche senza).
Scusami, se ho capito questa sarebbe la funzione per la disposizione.
E per pescare le foto da posizionare col random,
visto che sono nella directory FOTO partendo dallo stesso path?
Grazie e scusami se rompo


 visto che sono nella directory FOTO partendo dallo stesso path?
Devi farlo server-side, non puoi con javascript leggere una cartella sul
server.
Ma, a questo punto, io costruirei l'intera pagina server-side (dimenticando
quindi javascript).
Se vuoi usare per forza javascript devi leggere contenuto dir sul server e
crearti un array di immagini da caricare onload, del tipo
var Imgs=new Array();
//qua server-side costruisci l'array. Per ogni immagine dovrai ottenere:
Imgs[Imgs.length]=new Image();
Imgs[Imgs.length-1].src="immagine.gif";
//cosě per ogni immagine
Client-side potrai in questo modo ciclarti l'array img e per ogni immagine
posizionarla random.
Come alternativa, se hai un modo per identificare le immagini client-side
(esiste la collection document.images ma immagino che non siano le uniche
immagini della pagina quelle che vuoi posizionare random) puoi ciclarle
anche client-side.
Se mi dici quale delle soluzioni puoi seguire (se hai accesso o no al
server, quale tecnologia server-side usi, se puoi abilitare la dir in
lettura, se sei in grado di costruire l'array da server a client ... oppure
se, una volta arrivato sul client, esiste un modo univoco per identificare
le immagini da posizionare, esempio un id con un prefisso univoco, oppure
tutte dentro un div o chessň altro) ci ragiono meglio.


 ragiono meglio.
Grazie


 Quest'ultima no di certo
Aruba fornisce delle directory apposite leggibili e scrivibili, mi sembra
siano public e mdb-database.


In data Fri, 4 Nov 2005 17:29:14 +0100, Cristiano Larghi ha scritto:
[CUT]
Un qualcosa del tipo
 
http://www.criosoftware.it/bak/ImgPositionRandom.htm
(la freccetta in alto a sinistra è l'unica da non riposizionare, infatti
resta dov'era)
-- 
"Ho smesso di fumare.
 Vivrò una settimana di più.
 E in quella settimana pioverà a dirotto"
									    W.A.

 sembra siano public e mdb-database.
Ora vediamo


 resta dov'era)
Meglio tenere nascoste le immagini e visualizzarle dopo averle
riposizionate (così si evita quel fastidioso effetto video).
Ti ho modificato la pagina, vedi adesso.
Buon fine settimana.


 Buon fine settimana.
ciao e grazie ma non riesco a visualizzare le mie foto.
ci sto perdendo la testa
Buon fine settimana


 ciao e grazie ma non riesco a visualizzare le mie foto.
Eh mi spiace ma detta così aiutarti è ardua ... il mio codice ti funziona?
Ci sarà qualche errore o problema da qualche altra parte ...


 funziona? Ci sarà qualche errore o problema da qualche altra parte ...
Grazie Cristiano sei gentilissimo.
Mi studio un pò la cosa e poi ti faccio sapere
