OVH Cloud OVH Cloud

[DW MX2004 - PC] Afficher un texte dans la barre d'etat

4 réponses
Avatar
MA-F
Bonjour,

J'ai, sur la page de mon site, une image divisée en 4 zones réactives
J'aimerai que quand on passe sur ces différentes zone, un texte s'affiche
dans la barre d'etat (zone1: Bonjour - zone2: retour - zone3 : glossaire
...)
J'arrive à le faire quand j'ai un seul lien sur une image, mais pas lorsque
l'image est decoupée en plusieur zones ...


Merci pour votre aide !
MA

4 réponses

Avatar
Gregory Chauvet
Bonjour MA!

Ce script va vous permettre d'avoir un texte dans la barre d'etat, que vous
entrerez ligne par ligne.

Veuillez placer le code dans les tags <BODY> et remplacer le text..

<SCRIPT language="JavaScript">

var current = 0
var x = 0
var speed = 100
var speed2 = 100
function initArray(n) {
this.length = n;
for (var i =1; i <= n; i++) {
this[i] = ' '
}
}
typ = new initArray(4)
typ[0]="votre 1ere ligne de texte"
typ[1]="votre 2eme ligne de texte"
typ[2]="votre 3em ligne de texte"
typ[3]="votre 4eme ligne de texte"
function typewrite() {
var m = typ[current]
window.status = m.substring(0, x++) + ""
if (x == m.length + 1) {
x = 0
current++
if (current > typ.length - 1) {
current = 0
}
setTimeout("typewrite()", speed2)
}
else {
setTimeout("typewrite()", speed)
}
}
typewrite()
// -->
</SCRIPT>
Avatar
MA-F
Bonjour,

Je ne pense pas que ce script reponde à mon souci.
J'ai besoin de pouvoir faire apparaitre un texte dans la barre d'etat
lorsque je suis sur une zone precise de mon image (elle même divisée en 4
zones). (rollover)

merci !
MA


"Gregory Chauvet" a écrit dans le message de
news:d61ujb$771$
Bonjour MA!

Ce script va vous permettre d'avoir un texte dans la barre d'etat, que


vous
entrerez ligne par ligne.

Veuillez placer le code dans les tags <BODY> et remplacer le text..

<SCRIPT language="JavaScript">

var current = 0
var x = 0
var speed = 100
var speed2 = 100
function initArray(n) {
this.length = n;
for (var i =1; i <= n; i++) {
this[i] = ' '
}
}
typ = new initArray(4)
typ[0]="votre 1ere ligne de texte"
typ[1]="votre 2eme ligne de texte"
typ[2]="votre 3em ligne de texte"
typ[3]="votre 4eme ligne de texte"
function typewrite() {
var m = typ[current]
window.status = m.substring(0, x++) + ""
if (x == m.length + 1) {
x = 0
current++
if (current > typ.length - 1) {
current = 0
}
setTimeout("typewrite()", speed2)
}
else {
setTimeout("typewrite()", speed)
}
}
typewrite()
// -->
</SCRIPT>



Avatar
dan
il faut séléctionner la zone réactive et utiliser exactement le même
principe que pour l'insertion du script "affichage d'un texte dans la barre
d'état" :

<p>
<img src="/monimage.jpg" width="178" height="151" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="0,2,77,63" href="#"
onMouseOver="MM_displayStatusMsg('zone1');return document.MM_returnValue">
<area shape="rect" coords="76,3,116,84" href="#"
onMouseOver="MM_displayStatusMsg('zone2');return document.MM_returnValue">
<area shape="rect" coords="24,96,182,146" href="#"
onMouseOver="MM_displayStatusMsg('zone3');return document.MM_returnValue">
</map>
</p>



"MA-F" a écrit dans le message de
news:d69vpr$bsn$
Bonjour,

Je ne pense pas que ce script reponde à mon souci.
J'ai besoin de pouvoir faire apparaitre un texte dans la barre d'etat
lorsque je suis sur une zone precise de mon image (elle même divisée en 4
zones). (rollover)

merci !
MA


"Gregory Chauvet" a écrit dans le message


de
news:d61ujb$771$
> Bonjour MA!
>
> Ce script va vous permettre d'avoir un texte dans la barre d'etat, que
vous
> entrerez ligne par ligne.
>
> Veuillez placer le code dans les tags <BODY> et remplacer le text..
>
> <SCRIPT language="JavaScript">
>
> var current = 0
> var x = 0
> var speed = 100
> var speed2 = 100
> function initArray(n) {
> this.length = n;
> for (var i =1; i <= n; i++) {
> this[i] = ' '
> }
> }
> typ = new initArray(4)
> typ[0]="votre 1ere ligne de texte"
> typ[1]="votre 2eme ligne de texte"
> typ[2]="votre 3em ligne de texte"
> typ[3]="votre 4eme ligne de texte"
> function typewrite() {
> var m = typ[current]
> window.status = m.substring(0, x++) + ""
> if (x == m.length + 1) {
> x = 0
> current++
> if (current > typ.length - 1) {
> current = 0
> }
> setTimeout("typewrite()", speed2)
> }
> else {
> setTimeout("typewrite()", speed)
> }
> }
> typewrite()
> // -->
> </SCRIPT>
>




Avatar
MA-F
merci Dan,
je vais tester ta solution

MA

"dan" a écrit dans le message de
news:d6aaoe$ss1$
il faut séléctionner la zone réactive et utiliser exactement le même
principe que pour l'insertion du script "affichage d'un texte dans la


barre
d'état" :

<p>
<img src="/monimage.jpg" width="178" height="151" border="0"


usemap="#Map">
<map name="Map">
<area shape="rect" coords="0,2,77,63" href="#"
onMouseOver="MM_displayStatusMsg('zone1');return document.MM_returnValue">
<area shape="rect" coords="76,3,116,84" href="#"
onMouseOver="MM_displayStatusMsg('zone2');return document.MM_returnValue">
<area shape="rect" coords="24,96,182,146" href="#"
onMouseOver="MM_displayStatusMsg('zone3');return document.MM_returnValue">
</map>
</p>



"MA-F" a écrit dans le message de
news:d69vpr$bsn$
> Bonjour,
>
> Je ne pense pas que ce script reponde à mon souci.
> J'ai besoin de pouvoir faire apparaitre un texte dans la barre d'etat
> lorsque je suis sur une zone precise de mon image (elle même divisée en


4
> zones). (rollover)
>
> merci !
> MA
>
>
> "Gregory Chauvet" a écrit dans le message
de
> news:d61ujb$771$
> > Bonjour MA!
> >
> > Ce script va vous permettre d'avoir un texte dans la barre d'etat,


que
> vous
> > entrerez ligne par ligne.
> >
> > Veuillez placer le code dans les tags <BODY> et remplacer le text..
> >
> > <SCRIPT language="JavaScript">
> >
> > var current = 0
> > var x = 0
> > var speed = 100
> > var speed2 = 100
> > function initArray(n) {
> > this.length = n;
> > for (var i =1; i <= n; i++) {
> > this[i] = ' '
> > }
> > }
> > typ = new initArray(4)
> > typ[0]="votre 1ere ligne de texte"
> > typ[1]="votre 2eme ligne de texte"
> > typ[2]="votre 3em ligne de texte"
> > typ[3]="votre 4eme ligne de texte"
> > function typewrite() {
> > var m = typ[current]
> > window.status = m.substring(0, x++) + ""
> > if (x == m.length + 1) {
> > x = 0
> > current++
> > if (current > typ.length - 1) {
> > current = 0
> > }
> > setTimeout("typewrite()", speed2)
> > }
> > else {
> > setTimeout("typewrite()", speed)
> > }
> > }
> > typewrite()
> > // -->
> > </SCRIPT>
> >
>
>