codificazione pagina bottoni.htm

 


(*** sono visualizzati 6 pulsanti,creati con frontpage 2003 per pordex.htm:sono stati copiati e inseriti
nella pagina bottoni.htm:
ai 3 pulsanti attiva4 sono state collegate le pagine frame1,frame2,frame3;
i tre pulsanti attiva1 servono solo come indicazione dell'aspetto assunto dal pulsante attiva1 che
viene accompagnato dal codice per renderlo sensibile:codice copiato e incollato prendendolo dalla
pagina principalex.htm nel quale era stato creato)


 

<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Pagina normale senza titolo</title>
</head>

<body bgcolor="#FFFFFF">
<body bgcolor="#00FFFF"
onload="FP_preloadImgs(/*url*/'button2.jpg',/*url*/'button3.jpg',/*url*/'button5.jpg',/*url*/'button6.jpg',/*url*/'button8.jpg',/*url*/'button9.jpg',/*url*/'buttonB.jpg',/*url*/'buttonC.jpg',/*url*/'button11.jpg',/*url*/'button12.jpg',/*url*/'button14.jpg',/*url*/'button15.jpg')">
<script language="JavaScript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>

<p>sinistra</p>


pulsante attivato come sensibile:attiva1

<p><a href="frame1.htm" ><img src="button1.jpg"
alt="attiva1" border="0" width="100" height="20" id="img1"
onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'
button2.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'
button1.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'
button3.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'
button2.jpg')"
fp-style="fp-btn: Corporate 1; fp-font-style: Bold; fp-font-color-normal: #FFFF00; fp-font-color-hover: #00FFFF; fp-font-color-press: #FF00FF"
fp-title="attiva1"></a></p>


tre pulsanti attiva4 usati come collegamento e tre pulsanti attiva1 come esempi

<p><a href="frame3.htm"><img src="buttonA.jpg" border="0"
width="100" height="20"></a><a href="frame2.htm"><img
src="
buttonB.jpg" border="0" width="100" height="20"></a><a
href="frame3.htm"><img src="
buttonC.jpg" border="0" width="100"
height="20"></a><img src="
button1.jpg" width="100" height="20"><img
src="
button2.jpg" width="100" height="20"><img src="button3.jpg"
width="100" height="20"></p>



</body>
</html>