Texte visisible et invisible et changement couleur...

Commenter

Contenu du snippet

Un script simple qui permet de cacher ou non du texte, de changer la couleur, et de le déplacer verticalement.

Source / Exemple : 


<html>
<head>
	<title></title>
<style>
<!--
#texte {
position : absolute;
top: 200px;
left: 350px;
font-size: 18px;
font-family: verdanal;
font-weight: bold;
}
//-->
</style>
<script language="javascript">
var isNetscape4=document.layers;
var isNetscape6=document.getElementById && !document.all
var DHTML=document.getElementById || document.all || document.layers;
var ordonnee = 200;

function getStyle(nom) {
if (isNetscape6)
style=document.getElementByID(nom).style;
else if (isNetscape4)
style=document.layers [nom];
else
style=document.all[nom].style;
return(style);
}
function visibilite(flag) {
if (!DHTML)
return;
getStyle('texte').visibility=(flag) ? 'hidden':'visible'
}
function deplace_vertical(delta){
if (!DHTML)
return;
ordonnee+=delta;
getStyle('texte').top=ordonnee;
}
function change_couleur(couleur){
if (!DHTML)
return;
getStyle('texte').color=couleur;
}
</script>
</head>

<body>
<DIV ID="texte">
Action sur un texte en pour le rendre VISIBLE
INVISIBLE, changer la COULEUR,et déplacer en HAUT et en BAS
</DIV>
Rendre le texte<A HREF="javascript:visibilite(1)">invisible</A><BR>
Rendre le texte<A HREF="javascript:visibilite(0)">visible</A><BR>
Déplacer le texte de<A HREF="javascript:deplace_vertical(-20);">
20 pixels vers le haut</A><BR>
Déplacer le texte de<A HREF="javascript:deplace_vertical(20);">
20 pixels vers le bas</A><BR>
Changer la couleur du texte en<A HREF="javascript:change_couleur('red')">rouge</A><BR>
Changer la couleur du texte en<A HREF="javascript:change_couleur('blue')">bleu</A><BR>
Changer la couleur du texte en<A HREF="javascript:change_couleur('black')">noir</A><BR>
</body>

</html>

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (Bitter1)