• Home
  • Forum
  • Fare Web
  • Javascript

Collegare i dati inseriti in un body di un html ad un file .js

  • Creatore Discussione Creatore Discussione cavaliere123
  • Data di inizio Data di inizio 19 Ago 2012
  • Tag Tag
    file esterni javascript
Prec.
  • 1
  • 2
Primo Prec. 2 di 2
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 19 Ago 2012
  • #21
So dove ho sbagliato, il for si riferisce al numero di fantasmini che escono alla volta, il div in effetti è uno solo ghost, dovrei dirgli che c'è più di un div.... come faccio ???
 
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 19 Ago 2012
  • #22
il for in effetti diciamo che fosse un testo e non un dvd fa questo con il document.write :

"ghosts00" + "ghosts01" + "ghosts02" + "ghosts03" + "ghosts04" + "ghosts05" + "ghosts06" + "ghosts07" + "ghosts08" + "ghosts09"

quindi forse e ripeto forse dovrei mettere nel body questi :

HTML:
<div id="ghosts00" style="position:absolute;top:0px;left:0px; width:40px;height:40px;background-color:transparent; font-size:0px;"><img src="'+urlofimage+'" class="ghost" width="70"/></div>
<div id="ghosts01" style="position:absolute;top:0px;left:0px; width:40px;height:40px;background-color:transparent; font-size:0px;"><img src="'+urlofimage+'" class="ghost" width="70"/></div>
<div id="ghosts02" style="position:absolute;top:0px;left:0px; width:40px;height:40px;background-color:transparent; font-size:0px;"><img src="'+urlofimage+'" class="ghost" width="70"/></div>
..................................

e poi non so più cosa fare.... con la logica forse mi arraggio ma non riesco a scrivere bene la procedura... mi aiuti per favore
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 19 Ago 2012
  • #23
il ciclo lo puoi togliere visto che li stai scrivendo a mano

invece hai sbagliato a dare gli id

se quardi il codice mette prima dell incremento un'altro valore che dovrebbe essere il numero di div che setti all'inizio, se non ricordo male
 
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 19 Ago 2012
  • #24
Il ciclo iniziale era questo :

HTML:
for (i = 0; i < numberOfGhosts; i++ ){ 
document.write('<div id="ghosts'+(idx+i)+'"'
+' style="position:absolute;top:0px;left:0px;'
+'width:40px;height:40px;background-color:transparent;'
+'font-size:0px;"><img src="'+urlofimage+'"   class="ghost" width="70"/></div>'); 
}

e quindi dovrebbe essere :
HTML:
<div id="ghosts01">....
<div id="ghosts02">....

e poi a posto del for che scrivo direttamente cosi ? :

HTML:
document.write(ghost01)
document.write(ghost02)
, sinceramente non conosco la sintassi per fare il write di un dv (
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 19 Ago 2012
  • #25
Codice:
id="ghosts'+(idx+i)+'"'

idx dovrebbe essere come gia detto il numero di fantasmi ( prova a vedere )
i è l'incremento ( 0 1 2 3) fino alla fine dei fantasmi

quindi fa la somma e la concatena a ghosts
 
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 19 Ago 2012
  • #26
Lo so che forse ti scocciando porta pazienza per cortesia,

allora ho fatto questa cosa per conoscere il valore di ivx :

HTML:
var numberOfGhosts = 10; /* Numero dei fantasmi */
var idx = document.getElementsByTagName('div').length;


for (i = 0; i < numberOfGhosts; i++ ){ 
document.write('"ghosts'+(idx)+'"') }
e mi esce : ghosts0""ghosts0""ghosts0""ghosts0""ghosts0""ghosts0""ghosts0""ghosts0""ghosts0""ghosts0"

e poi ho fatto anche :
HTML:
for (i = 0; i < numberOfGhosts; i++ ){ 
document.write('"ghosts'+(idx+i)+'"') }

e mi esce , quindi idx = 0 ??
ghosts1""ghosts2""ghosts3""ghosts4""ghosts5""ghosts6""ghosts7""ghosts8""ghosts9"

e poi ripeto non so come impostare il document.write , mi sto impegnando giuro
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 19 Ago 2012
  • #27
var idx = document.getElementsByTagName('div').length;
vuoldire:

prendi tutti gli elementi div
-- document.getElementsByTagName('div')
contali
-- .length

il valore di idx è uguale a quanti div ci sono nella pagina

e devono essere uguali a quello che scrivi qui
var numberOfGhosts = 10; /* Numero dei fantasmi */
 
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 19 Ago 2012
  • #28
quindi devo scrivere 10 div perchè il loro numero è dieci e di conseguenza anche idx = 10 se ho compreso il tuo scritto

e quindi :

HTML:
<div id="ghosts11" style="position:absolute;top:0px;left:0px; width:40px;height:40px;background-color:transparent; font-size:0px;"><img src="'+urlofimage+'" class="ghost" width="70"/></div>
<div id="ghosts12" style="position:absolute;top:0px;left:0px; width:40px;height:40px;background-color:transparent; font-size:0px;"><img src="'+urlofimage+'" class="ghost" width="70"/></div>
<div id="ghosts13" style="position:absolute;top:0px;left:0px; width:40px;height:40px;background-color:transparent; font-size:0px;"><img src="'+urlofimage+'" class="ghost" width="70"/></div>
......................................

e a posto del for devo scrivere cosi :

HTML:
document.write (' id="ghost11" ' ) 
document.write (' id="ghost12" ' )
controllami anche la sintassi per favore
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 19 Ago 2012
  • #29
lascia perdere il for, non devi scrivere niente li

i div mi sebrano corretti anche se puoi semplificare con un classe css
l'html poi non sa che valore ha la variabile urlofimage , non la puoi usare
10 + 0 non fa 11 ma 10
HTML:
<html>
    <head>
        <style type='text/css'>
            .fantasma {
                position:absolute;top:0px;left:0px; width:40px;height:40px;background-color:transparent; font-size:0px; 
            }
        </style>
    </head>
    <body>
        <div id="ghosts10" class="fantasma"><img src="fantasma.gif" class="ghost" width="70"/></div>
        <div id="ghosts11" class="fantasma"><img src="fantasma.gif" class="ghost" width="70"/></div>
        <div id="ghosts12" class="fantasma"><img src="fantasma.gif" class="ghost" width="70"/></div>
          ......
    </body>
</html>
stai facendo i passi piu lunghi della gamba, dovresti cominciare con qualcosa di piu semplice per imparare
 
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 19 Ago 2012
  • #30
Scusami adesso rientrato e a posto del for ????
lo so che sto entrando in territori minati ma a parte imparare sto cercando anche di gestire il blog...
 
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 19 Ago 2012
  • #31
Scusa.... sostituito il tutto e va bene... solo una cosa strana, nell'angolo in alto a destra compare sempre il fantasmino da solo e non come getto di immagini e non cambia neanche con il refresh.... boh....
Cmq grazie davvero.... me lo rivedo un attimo...
 
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 19 Ago 2012
  • #32
Ho visto il problema.... il fantasma fisso è dovuto ai div nel body.... lasciando il for come sta chiaramente le immagini vanno ben... in effetti non funziona (

per chiarezza ti posto il file ma me sa che qualcosa mi è sfuggita...
HTML:
<HTML>
    <HEAD>
        <script language="JavaScript">
            var img = new Array()
            var ran;            
            
img[0] = 'fantasma.gif';
img[1] = 'angelo.gif';
img[2] = 'spade.gif'; 

            
            var urlofimage = img[0];
            function random() { 
                ran = Math.floor(3 * Math.random());  
                urlofimage = img[ran];
            }                    
            setInterval("random()",3000);
            
            if ((document.getElementById) &&
                window.addEventListener || window.attachEvent){
                (function(){
                    //Configurazione Effetto Fantasmi
                    var numberOfGhosts = 10; /* Numero dei fantasmi */
                    var ghostSpeed = 0.9; /* Velocità */
                    var inTheFace = 5;
                    var setTimeOutSpeed = 50; /* Tempo di permanenza */
                    //NON EDITARE SOTTO A QUESTA RIGA ESCLUSO URL IMMAGINE
                    var h,y,cy,cx,sy,sx,ref,field,oy1,oy2,ox1,ox2,iy1,iy2,ix1,ix2;
                    var d = document;
                    var domWw = (typeof window.innerWidth == "number");
                    var domSy = (typeof window.pageYOffset == "number");
                    var pi1 = 180/3.14;
                    var pi2 = 3.14/180;
                    var y = [];
                    var x = [];
                    var strs = [];
                    var gro = [];
                    var dim = [];
                    var dfc = [];
                    var vel = [];
                    var dir = [];
                    var acc = [];
                    var dtor = [];
                    var xy2 = [];
                    var idx = document.getElementsByTagName('div').length;
                    var zip = [];
                    var pix = "px";

   
                       
for (i = 0; i < numberOfGhosts; i++ ){ 
document.write('<div id="ghosts'+(idx+i)+'"'
+' style="position:absolute;top:0px;left:0px;'
+'width:40px;height:40px;background-color:transparent;'
+'font-size:0px;"><img src="'+urlofimage+'"  class="ghost" width="70"/></div>'); 
}  


                       
                    if (domWw) ref = window;
                    else{
                        if (d.documentElement &&
                            typeof d.documentElement.clientWidth == "number" &&
                            d.documentElement.clientWidth != 0)
                            ref = d.documentElement;
                        else{
                            if (d.body &&
                                typeof d.body.clientWidth == "number")
                                ref = d.body;
                        }
                    }
                    function win(){
                         
                        var mozBar = ((domWw) &&
                            ref.innerWidth != d.documentElement.offsetWidth)?20:0;
                        h = (domWw)?ref.innerHeight:ref.clientHeight;
                        w = (domWw)?ref.innerWidth - mozBar:ref.clientWidth;
                        cy = Math.floor(h/2);
                        cx = Math.floor(w/2);
                        oy1 = (75 * h / 100);
                        oy2 = (oy1 / 2);
                        ox1 = (75 * w / 100);
                        ox2 = (ox1 / 2);
                        iy1 = (18 * h / 100);
                        iy2 = (iy1 / 2);
                        ix1 = (18 * w / 100);
                        ix2 = (ix1 / 2);
                        field = (h > w)?h:w;
                    }
                    function rst(s){
                        var cyx;
                        sy = (domSy)?ref.pageYOffset:ref.scrollTop;
                        sx = (domSy)?ref.pageXOffset:ref.scrollLeft;
                        acc[s] = 0;
                        dim[s] = 1;
                        xy2[s] = 0;
                        cyx = Math.round(Math.random() * 2);
                        if (cyx == 0){
                            y[s] = (cy - iy2) + Math.floor(Math.random() * iy1);
                            x[s] = (cx - ix2) + Math.floor(Math.random() * ix1);
                        }
                        else{
                            y[s] = (cy - oy2) + Math.floor(Math.random() * oy1);
                            x[s] = (cx - ox2) + Math.floor(Math.random() * ox1);
                        }
                        dy = y[s] - cy;
                        dx = x[s] - cx;
                        dir[s] = Math.atan2(dy,dx) * pi1;
                        dfc[s] = Math.sqrt(dy*dy + dx*dx) ;
                        zip[s] = 10 * (dfc[s] + inTheFace) / 100;
                        vel[s] = ghostSpeed * dfc[s] / 100;
                        dtor[s] = (field - dfc[s]);
                        if (dtor[s] < 1) dtor[s] = 1;
                        gro[s] = 0.003 * dtor[s] / 100;
                    }
                    function animate(){
                        for (i = 0; i < numberOfGhosts; i++){
                            y[i] += vel[i] * Math.sin(dir[i] * pi2);
                            x[i] += vel[i] * Math.cos(dir[i] * pi2);
                            acc[i] = (vel[i] / (dfc[i] + (vel[i] * zip[i])) * vel[i]);
                            vel[i] += (acc[i]);
                            dim[i] += gro[i] + acc[i] / zip[i];
                            xy2[i] = dim[i] / 2;
                            if (y[i] < 0 + xy2[i] ||
                                x[i] < 0 + xy2[i] ||
                                y[i] > h - xy2[i] ||
                                x[i] > w - xy2[i]){
                                rst(i);
                            }
                            strs[i].top = (y[i] - xy2[i]) + sy + pix;
                            strs[i].left = (x[i] - xy2[i]) + sx + pix;
                            strs[i].width = (strs[i].height = (Math.round(dim[i])) + pix);
                            document.getElementById("ghosts"+(idx+i)).innerHTML = "<img src='"+urlofimage+"' class='ghost' width='70'/>";
                        }
                        
                        setTimeout(animate,setTimeOutSpeed);
                    }
                    function init(){
                        win();
                        for (i = 0; i < numberOfGhosts; i++){
                            
                            
                            strs[i] = document.getElementById("ghosts"+(idx+i)).style;
                            rst(i);
                        }
                        animate();
                    }
                    if (window.addEventListener){
                       
                        window.addEventListener("resize",win,false);
                        window.addEventListener("load",init,false);
                    }
                    else if (window.attachEvent){
                        
                        window.attachEvent("onresize",win);
                        window.attachEvent("onload",init);
                    }
                })();
            }//End.
            
        </script>
        <style>
            .ghost {
                filter:alpha(opacity=30);
                -moz-opacity: 0.3;
                opacity: 0.3;
                -khtml-opacity: 0.3;
            }
            html {
                overflow-x:hidden;
            }
        </style>


        <style type='text/css'>

            .fosco {
                position:absolute;top:0px;left:0px; width:40px;height:40px;background-color:transparent; font-size:0px; 
            }
        </style>
    </head>

    <body>
        <div id="ghosts10" class="fosco"><img src="fantasma.gif" class="ghost" width="70"/></div>
        <div id="ghosts11" class="fosco"><img src="fantasma.gif" class="ghost" width="70"/></div>
        <div id="ghosts12" class="fosco"><img src="fantasma.gif" class="ghost" width="70"/></div>
          ......
    </body>
</html>
</HTML>
 
C

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
  • 20 Ago 2012
  • #33
Però che peccato... tanto tempo vicino a questo lavoro e poi non completato.... (
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 20 Ago 2012
  • #34
Tra un po di tempo quando avrai piu esperienza lo riguardi e penserai ... "ma come ca. l'hanno scritto? io avrei fatto cosi .. " e butti giu un codice che potrai ridistribuire in rete :fonzie:
 
Prec.
  • 1
  • 2
Primo Prec. 2 di 2
Devi accedere o registrarti per poter rispondere.

Discussioni simili

M
Collegare due segmenti di rete diversi
  • max2020
  • 12 Set 2020
  • Reti LAN e Wireless
Risposte
0
Visite
2K
Reti LAN e Wireless 12 Set 2020
max2020
M
G
Collegare Modem 4G Zyxel LTE4506 a rete LAN
  • Giovax99
  • 20 Lug 2020
  • Reti LAN e Wireless
Risposte
1
Visite
2K
Reti LAN e Wireless 20 Lug 2020
marino51
L
  • Bloccata
Collegare un form html ad un database access
  • Leonardo Scotti
  • 24 Apr 2020
  • Javascript
Risposte
2
Visite
4K
Javascript 5 Gen 2021
marino51
[Offro] Realizzazione landing page da collegare a Facebook ads
  • xone
  • 21 Mar 2017
  • Offerte e Richieste di Lavoro e/o Collaborazione
Risposte
2
Visite
2K
Offerte e Richieste di Lavoro e/o Collaborazione 31 Gen 2018
xone
P
App per collegare android ad un sito web
  • PIPPO090
  • 4 Ott 2016
  • Sviluppo app per Android
Risposte
3
Visite
3K
Sviluppo app per Android 4 Ott 2016
Max 1
M
Collegare due NVR nella stessa rete
  • Michele-vicenza
  • 18 Set 2016
  • IP Cam e Videosorveglianza
Risposte
0
Visite
4K
IP Cam e Videosorveglianza 18 Set 2016
Michele-vicenza
M
R
Collegare Range Exender tramite cavo ethernet direttamente al modem
  • renzao
  • 5 Mag 2016
  • Reti LAN e Wireless
Risposte
6
Visite
12K
Reti LAN e Wireless 6 Mag 2016
renzao
R
come collegare un id di mysql con un file specifico
  • romeocharly
  • 1 Mar 2016
  • PHP
Risposte
5
Visite
2K
PHP 24 Mar 2016
romeocharly
Creare un script/codice in php per collegare un id mysql con un file
  • romeocharly
  • 25 Feb 2016
  • PHP
Risposte
0
Visite
2K
PHP 25 Feb 2016
romeocharly
M
collegare tasti radio con e mail
  • Melany Green
  • 28 Nov 2015
  • PHP
Risposte
4
Visite
2K
PHP 28 Nov 2015
borgo italia
Collegare un modulo contatti PHP su un modulo contatti HTML
  • ecosito
  • 10 Nov 2015
  • HTML e CSS
Risposte
1
Visite
2K
HTML e CSS 11 Nov 2015
ecosito
C
Come collegare una pagina ad un bottone su mit app inventor
  • ChicoRex
  • 16 Giu 2015
  • Presentati al Forum
Risposte
1
Visite
2K
Presentati al Forum 19 Giu 2015
filomeni
A
Come collegare i valori di due caselle di una maschera
  • ANZARD
  • 29 Mag 2015
  • MS Access
Risposte
0
Visite
2K
MS Access 29 Mag 2015
ANZARD
A
M
Collegare 3 tabelle
  • Max61
  • 14 Mag 2015
  • PHP
Risposte
8
Visite
2K
PHP 16 Mag 2015
Max61
M
K
Collegare rete domestica a modem webpocket 42
  • Kama
  • 1 Gen 2015
  • Reti LAN e Wireless
Risposte
1
Visite
10K
Reti LAN e Wireless 5 Gen 2015
Pieroz
P
Collegare pagina Google+ al sito web.
  • filippino
  • 17 Nov 2014
  • Social Media Marketing
Risposte
1
Visite
2K
Social Media Marketing 20 Nov 2014
ByProgrammer
B
M
collegare immagini a report
  • marcoc1961
  • 29 Ott 2014
  • MS Access
Risposte
1
Visite
2K
MS Access 30 Ott 2014
HolidaySoft.it
C
Info wifi collegare dispositivi apple
  • Crocebvg
  • 8 Set 2014
  • Windows e Software
Risposte
1
Visite
2K
Windows e Software 3 Feb 2015
deathon
D
Z
Collegare canale youtube a pagina Google+
  • Zubizarreta
  • 9 Ago 2014
  • Social Media Marketing
Risposte
0
Visite
2K
Social Media Marketing 9 Ago 2014
Zubizarreta
Z
L
Collegare un virus VBScript a un link??
  • linwang8
  • 7 Mag 2014
  • Sicurezza e Virus
Risposte
0
Visite
2K
Sicurezza e Virus 7 Mag 2014
linwang8
L
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • Javascript
  • Italiano
  • Termini e condizioni d'uso del sito
  • Policy Privacy
  • Aiuto
  • Home
Community platform by XenForo® © 2010-2024 XenForo Ltd. | Traduzione a cura di XenForo Italia
Menu
Accedi

Registrati

  • Home
  • Forum
    • Nuovi Messaggi
    • Cerca...
  • Novità
    • Featured content
    • Nuovi Messaggi
    • Ultime Attività
X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?

X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?