Texte visisible et invisible et changement couleur...

Soyez le premier à donner votre avis sur cette source.

Snippet vu 22 927 fois - Téléchargée 784 fois

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

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.