posizionare script in un punto qualsiasi della pagina

**diegodavide** · 21-09-2010, 10:19

Salve a tutti,
l'altro giorno stavo visionando uno script di javascript esterno, richiamato poi nel file principale html. Nel file principale c'è il seguente codice:

<HTML>
<HEAD>
<script language="javascript" src="prova.js"></script>
</HEAD>
<body>
<body onLoad="funzione_prova()">
...
</body>
</HTML>

L'effetto di questo codice posiziona in alto a sinistra della pagina il risultato della funzione. Infatti, il comando "onLoad" in body mi precarica, prima di ogni altro tag, la funzione "funzione_prova()"... La mia domanda è: c'è un modo per caricare in un punto preciso della pagina web la stessa funzione? Se ad esempio voglio che l'effetto della mia funzione si posizioni in basso o al centro o a lato, esiste un modo in javascript (o in HTML o in CSS) per realizzarlo (magari non utilizzando il comando "onLoad")? Spero di essermi spiegato. Grazie per l'attenzione. Ciaooo!!

**m4rko80** · 21-09-2010, 10:39

il comando onload non ha nulla a che vedere col posizionamento... la funzione la puoi chiamare quando vuoi volendo.. onload vuol dire che viene eseguito quando la pagina ha caricato tutti i contenuti..
Per posizionare(non so cosa crea la funzione) dovresti usare il css/js per mettere l elemento dove vuoi te.

**diegodavide** · 21-09-2010, 11:00

ah ok ti ringrazio, il fatto è che questa funzione (che in pratica mi visualizza un orologio digitale), mi viene sempre caricata in alto a sinistra, indipendentemente da quando la vado a chiamare, e quindi ho erroneamente collegato il fatto che il comando onLoad lo carica in alto a sinistra. Proverò ad usare allora i CSS/JS.
Sei stato molto prezioso. Ciaoo!!! E grazie ancora

**m4rko80** · 21-09-2010, 11:07

se e' un qualcosa scaricato o hai il codice che genera l orologio magari possiamo modificarlo

**diegodavide** · 21-09-2010, 11:18

allora il codice è il seguente:
file: esempio.htm
<HTML>
<HEAD>
<script language="javascript" src="digitale.js"></script>

</HEAD>
<body onLoad="show_clock()">
<h1> Prova Orologio</h1>
</body>
</HTML>
----------------------------------------------------------------------
questo invece è il codice dello script:

var myfont_face = "Verdana";

var myfont_size = "12";

var myfont_color = "#000000";

var myback_color = "#FFFFFF";

var mypre_text = "Sono le ";

var mywidth = 300;

var my12_hour = 0;

var myupdate = 1;

var DisplayDate = 1;

var ie4=document.all
var ns4=document.layers
var ns6=document.getElementById&&!document.all

var dn = "";
var mn = "";
var old = "";

var DaysOfWeek = new Array(7);
DaysOfWeek[0] = "Domenica";
DaysOfWeek[1] = "Lunedì";
DaysOfWeek[2] = "Martedì";
DaysOfWeek[3] = "Mercoledì";
DaysOfWeek[4] = "Giovedì";
DaysOfWeek[5] = "Venerdì";
DaysOfWeek[6] = "Sabato";

var MonthsOfYear = new Array(12);
MonthsOfYear[0] = "Gennaio";
MonthsOfYear[1] = "Febbraio";
MonthsOfYear[2] = "Marzo";
MonthsOfYear[3] = "Aprile";
MonthsOfYear[4] = "Maggio";
MonthsOfYear[5] = "Giugno";
MonthsOfYear[6] = "Luglio";
MonthsOfYear[7] = "Agosto";
MonthsOfYear[8] = "Settembre";
MonthsOfYear[9] = "Ottobre";
MonthsOfYear[10] = "Novembre";
MonthsOfYear[11] = "Dicembre";

var ClockUpdate = new Array(3);
ClockUpdate[0] = 0;
ClockUpdate[1] = 1000;
ClockUpdate[2] = 60000;

if (ie4||ns6) { document.write('<span id="LiveClockIE"style="width:'+mywidth+'px; background-color:'+myback_color+'"></span>'); }
else if (document.layers) { document.write('<ilayer bgColor="'+myback_color+'" id="ClockPosNS" visibility="hide"><layer width="'+mywidth+'" id="LiveClockNS"></layer></ilayer>'); }
else { old = "true"; show_clock(); }

function show_clock() {
if (old == "die") { return; }

if (ns4)
document.ClockPosNS.visibility="show"

var Digital = new Date();
var day = Digital.getDay();
var mday = Digital.getDate();
var month = Digital.getMonth();
var hours = Digital.getHours();

var minutes = Digital.getMinutes();
var seconds = Digital.getSeconds();

if (mday == 1) { mn = "st"; }
else if (mday == 2) { mn = "nd"; }
else if (mday == 3) { mn = "rd"; }
else if (mday == 21) { mn = "st"; }
else if (mday == 22) { mn = "nd"; }
else if (mday == 23) { mn = "rd"; }
else if (mday == 31) { mn = "st"; }

if (my12_hour) {
dn = "AM";
if (hours> 12) { dn = "PM"; hours = hours - 12; }
if (hours == 0) { hours = 12; }
} else {
dn = "";
}
if (minutes <= 9) { minutes = "0"+minutes; }
if (seconds <= 9) { seconds = "0"+seconds; }

myclock = '';
myclock += '<font style="color:'+myfont_color+'; font-family:'+myfont_face+'; font-size:'+myfont_size+'pt;">';
myclock += mypre_text;
myclock += hours+':'+minutes;
if ((myupdate < 2) || (myupdate == 0)) { myclock += ':'+seconds; }
myclock += ' '+dn;
if (DisplayDate) { myclock += ' di '+DaysOfWeek[day]+', '+mday+' '+MonthsOfYear[month]; }
myclock += '</font>';
if (old == "true") {
document.write(myclock);
old = "die";
return;
}
// Write the clock to the layer:
if (ns4) {
clockpos = document.ClockPosNS;
liveclock = clockpos.document.LiveClockNS;
liveclock.document.write(myclock);
liveclock.document.close();
} else if (ie4) {
LiveClockIE.innerHTML = myclock;
} else if (ns6){
document.getElementById("LiveClockIE").innerHTML = myclock;
}
if (myupdate != 0) { setTimeout("show_clock()",ClockUpdate[myupdate]); }
}
------------------------------------------------------------------------------
ecco fatto. perdonatemi la scarsa leggibilità. Grazie tante!!!

**m4rko80** · 21-09-2010, 11:54

...guarda... per darti un idea ho cambiato questa riga:

if (ie4||ns6) { document.write('<span id="LiveClockIE" style=" position:absolute; top:100px; left:200px; width:'+mywidth+'px; background-color:'+myback_color+'"></span>'); }

ho aggiunto style=" position:absolute; top:100px; left:200px;

se provi si posizione diversamente...

absolute indica che si posiziona indipendentemente dal resto degli elementi della pagina e poi gli dai la posizione in pixel.

Col CSS non sono un mago, se mai fatti aiutare nella sezine CSS.

**diegodavide** · 21-09-2010, 12:32

Sei stato molto gentile, lo provo subito. Avevo provato ad usare style, guardando un pò le lezioni di CSS che sono su questo sito, ma evidentemente lo mettevo nel tag sbagliato.

Grazie ancora!!

Discussione: posizionare script in un punto qualsiasi della pagina

Strumenti discussione

Ricerca discussione

Visualizza

posizionare script in un punto qualsiasi della pagina

Permessi di invio