Nwlapcug.com


Come creare una casella di testo che mantiene la posizione quando si scorre

Se si dispone di una casella di testo nella pagina Web che include informazioni importanti si desidera agli utenti di vedere e accedere, creare una casella che rimane nella stessa posizione nella pagina anche quando l'utente scorre. Ciò significa che le informazioni nella casella di testo sempre sarà visibile. Avete bisogno di conoscenza di HTML ed esperienza per creare questo tipo di casella di testo.

Istruzioni

1

Accedere al browser Web.

2

Passare alla pagina HTML in cui si desidera inserire la casella di testo.

3

Fare clic sulla pagina dove si desidera inserire il codice per la casella di testo. Se si inserisce il codice appena dopo il tag < body >, la casella rimarrà nella parte superiore dello schermo. Se si inserisce il codice appena prima il < / body > tag, verrà visualizzata la finestra nella parte inferiore dello schermo.

4

Inserire il codice seguente:

< script >

Se (! Layers)

Document. Write ('< div id = "divStayTopLeft" style = "Posizione: assoluto" >')

< / script >

< id livello = "divStayTopLeft" >

<! - modifica codice sottostante per il vostro proprio MENU - >

< tavolo border = "1" width = "130" cellspacing = "0" cellpadding = "0" >

< tr >

< /tr >

< tr >

&lt;td width="100%" bgcolor="#FFFFFF">

Insert Text Here

< /tr >

< / tabella >

<! - fine di EDIT - >

< / layer >

< script type = "text/javascript" >

/*

Menu script-Roy Whittle (l'http://www.javascript-fx.com/) di galleggiamento

Script in primo piano su/disponibile presso http://www.dynamicdrive.com/

Questo avviso deve rimanere intatto per l'uso

*/

Immettere "frombottom" o "fromtop"

var verticalpos = "frombottom"

Se (! Layers)

Document. Write (' </div >')

funzione JSFX_FloatTopDiv()

{

var startX = 3,

startY = 150;

var ns = (navigator.appName.indexOf("Netscape") != -1);

var d = document;

function ml(id)

{

var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];

if(d.layers)el.style=el;

el.sP=function(x,y){this.style.left=x;this.style.top=y;};

el.x = startX;

if (verticalpos=="fromtop")

el.y = startY;

else{

el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;

el.y -= startY;

}

return el;

}

window.stayTopLeft=function()

{

if (verticalpos=="fromtop"){

var pY = ns ? pageYOffset : document.body.scrollTop;

ftlObj.y += (pY + startY - ftlObj.y)/8;

}

else{

var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;

ftlObj.y += (pY - startY - ftlObj.y)/8;

}

ftlObj.sP(ftlObj.x, ftlObj.y);

setTimeout("stayTopLeft()", 10);

}

ftlObj = ml("divStayTopLeft");

stayTopLeft();

}

JSFX_FloatTopDiv();

< / script >

5

Individuare la riga nella parte superiore del codice che dice "Inserire il testo qui." Eliminare questo testo e digitare il testo effettivo che si desidera venga visualizzato nella casella.

6

Fare clic su "Pubblica" o utilizzare qualsiasi altro Web server deve caricare contenuti per rendere la casella di testo degli strumenti live.