PC SOFT

FOROS PROFESIONALES
WINDEVWEBDEV y WINDEV Mobile

Inicio → WEBDEV 2024 → Utilisation script java overlib
Utilisation script java overlib
Iniciado por frichard, 25,mar. 2005 13:47 - 19 respuestas
Publicado el 25,marzo 2005 - 13:47
Bonjour,

Je voudrais qu'au survol de la souris sur un chanp (code article), une
petite popup apparaisse avec l'image de l'article.

J'ai vu ça sur plusieurs sites et ils utilisent tous le script java
overlib.js.

J'ai téléchargé la doc et tout et tout, j'ai bien tout lu...

Apparement, pour fonctionner, il faut déclarer <DIV ID="overDiv"
STYLE="position:absolute; visibility:hidden; z-index:1000;"></DIV> juste
après la balise <BODY> de la page. Comment faire ?

Ensuite, si je modifie le source pour mettre la balise DIV juste après le
<BODY>, que je le sauvegarde et que j'affichre la page, j'ai des erreurs
dans le script.

Si quelqu'un a déjà réussi à implémenter overlib ou si quelqu'un a déjà
réussi à afficher une image au survol d'un champ, je suis prenneur.

Cordialement,

Fred
Publicado el 25,marzo 2005 - 16:05
Chez moi ça marche...
Si tu utilises Apache, je pourrai t'expliquer.

PJ
Publicado el 25,marzo 2005 - 16:44
PJ vient de nous annoncer :
Chez moi ça marche...
Si tu utilises Apache, je pourrai t'expliquer.

PJ


Salut PJ,

Pourrais tu nous dire comment tu fais?
J'ai un serveur sur Apache.
Soit tu me contacte par mail (j'en ferai une procédure pour les
wtablettes) soit tu postes ici ta procédure.
A toi de voir
Mon mail est cciochir@_at_cmii.fr
enlever le _at_ de l'adresse

A+

--
Bon développement à tous
Christian
Publicado el 25,marzo 2005 - 17:36
Je dois partir.
Je m'y colle fin de ce week-end, promis.

Bon we à tous,
PJ
Publicado el 29,marzo 2005 - 08:27
Salut,

Merci pour vos réponces,

Je fonctionne avec IIS 5.

PJ : ça serait super sympa de nous donner la procédure à suivre pour faire
fonctionner ce truc.
Tu peux éventuellement me contacter directement par eMail.

Christian : ça serait cool d'avoir une wtablette la dessus.

Cordialement,

Fred


"Frédéric RICHARD" <frichard@matfer.fr> a écrit dans le message de news:
4243f093$1@news.pcsoft.fr...

Bonjour,

Je voudrais qu'au survol de la souris sur un chanp (code article), une
petite popup apparaisse avec l'image de l'article.

J'ai vu ça sur plusieurs sites et ils utilisent tous le script java
overlib.js.

J'ai téléchargé la doc et tout et tout, j'ai bien tout lu...

Apparement, pour fonctionner, il faut déclarer <DIV ID="overDiv"
STYLE="position:absolute; visibility:hidden; z-index:1000;"></DIV> juste
après la balise <BODY> de la page. Comment faire ?

Ensuite, si je modifie le source pour mettre la balise DIV juste après le
<BODY>, que je le sauvegarde et que j'affichre la page, j'ai des erreurs
dans le script.

Si quelqu'un a déjà réussi à implémenter overlib ou si quelqu'un a déjà
réussi à afficher une image au survol d'un champ, je suis prenneur.

Cordialement,

Fred

Publicado el 29,marzo 2005 - 18:15
Bonjour,

Comme promis, un mini projet concernant l'utilisation d'Overlib avec Webdev vient d'être publié sur les Wtablettes.

Bon dev,

PJ
Publicado el 30,marzo 2005 - 09:12
Je suis nul, j'ai wfouillé les wtablettes mais j'ai rien trouvé. snif


Fred


"PJ" <guest@newsgroup.fr> a écrit dans le message de news:
424957a0$1@news.pcsoft.fr...

Bonjour,

Comme promis, un mini projet concernant l'utilisation d'Overlib avec
Webdev vient d'être publié sur les Wtablettes.

Bon dev,

PJ
Publicado el 30,marzo 2005 - 10:28
Frédéric RICHARD a pensé très fort :
> Je suis nul, j'ai wfouillé les wtablettes mais j'ai rien trouvé. snif

Mais non, mais non c'est juste moi qui n'avais pas encore validé la
dîte wtablette...Elle est en ligne maintenant.

Que voulez vous, à force de troner à moitié à poil le scribe était
patraque :-)




--
Eric
Webmaster des Wtablettes
www.wtablettes.net
Publicado el 30,marzo 2005 - 10:44
Désolé Christian, mais tu ne devrais avoir aucune erreur javascript.

Projet>Description du projet>Optimisation du code HTML généré>Avancé

Regarde si toutes les options d'optimisation de ton projet sont réglées sur "Compatible tout navigateur", et que dans la partie "Avancée", aucune d'entre-elles ne soit cochée.
Ainsi tu pourras rétablir ces options une par une jusqu'à ce que tu saches laquelle te pose problème...

Tiens moi au courant,
PJ
Publicado el 30,marzo 2005 - 11:26
Salut à tous,

J'ai résolu les pb que j'avais rencontré (erreur de jwavascript) et
j'ai apporté quelques petites modifications au projet.

Voilà le résultat:

Tout d'abord, je n'ai pas voulu créer des alias supplémentaires.
J'ai donc mis dans le répertoire OVERLIB_WEB un sous répertoire Overlib
dans lequel j'ai copié le overlib.js

Ensuite dans la description de ma page, "Onglet avancé/Code HTML ajouté
à l'entête de la page" j'ai mis
<script type="text/javascript"
SRC="/OVERLIB_WEB/Overlib/Overlib.js"></SCRIPT>
<body><div id="overDiv" style="position:absolute; visibility:hidden;
z-index:1000;"></div></body>

J'ai créé trois procédures globales navigateur en JS:

function AfficheBulleSimple(P_Texte)
{
overlib(P_Texte);
}

et

function AfficheBulleAvecImage(P_Image,P_Texte)
{
overlib("<TD><IMG SRC='/OVERLIB_WEB/Images/"+P_Image+"'></IMG></TD><TD
width=8>\
</TD><TD valign='middle'
class='Arial8'>"+P_Texte+"</TD>",FGCOLOR,"#FFFFFF",BGCOLOR,"#000000")
}

et

function EnleveBulle()
{
nd();
}


Maintenant, sur le code OnMouseOver d'un lien j'apelle l'une ou l'autre
des procédures globales:
AfficheBulleSimple("Première ligne"+RC+"Deuxième ligne")
ou
AfficheBulleAvecImage("logo.gif","Le texte que je souhaite afficher")

Biensur, sur l'évenement OnMouseOut j'appelle la fonction
EnleveBulle()

Voilà, j'espère que ca vous aidera.
La prochaine étape c'est faire ces liens dans une zone répetée...

A+

--
Bon développement à tous
Christian
Publicado el 30,marzo 2005 - 11:44
Christian avait prétendu :
J'ai résolu les pb que j'avais rencontré (erreur de jwavascript) et
j'ai apporté quelques petites modifications au projet.

Voilà le résultat:

Tout d'abord, je n'ai pas voulu créer des alias supplémentaires.
J'ai donc mis dans le répertoire OVERLIB_WEB un sous répertoire Overlib
dans lequel j'ai copié le overlib.js

Ensuite dans la description de ma page, "Onglet avancé/Code HTML ajouté
à l'entête de la page" j'ai mis
<script type="text/javascript"
SRC="/OVERLIB_WEB/Overlib/Overlib.js"></SCRIPT>
<body><div id="overDiv" style="position:absolute; visibility:hidden;
z-index:1000;"></div></body>

J'ai créé trois procédures globales navigateur en JS:

function AfficheBulleSimple(P_Texte)
{
overlib(P_Texte);
}

et

function AfficheBulleAvecImage(P_Image,P_Texte)
{
overlib("<TD><IMG SRC='/OVERLIB_WEB/Images/"+P_Image+"'></IMG></TD><TD
width=8>\
</TD><TD valign='middle'
class='Arial8'>"+P_Texte+"</TD>",FGCOLOR,"#FFFFFF",BGCOLOR,"#000000")
}

et

function EnleveBulle()
{
nd();
}


Maintenant, sur le code OnMouseOver d'un lien j'apelle l'une ou l'autre
des procédures globales:
AfficheBulleSimple("Première ligne"+RC+"Deuxième ligne")
ou
AfficheBulleAvecImage("logo.gif","Le texte que je souhaite afficher")

Biensur, sur l'évenement OnMouseOut j'appelle la fonction
EnleveBulle()

Voilà, j'espère que ca vous aidera.
La prochaine étape c'est faire ces liens dans une zone répetée...


Je me suis permis de rajouter ce post dans le texte de la wtablette de
PJ sur Overlib

--
Eric
Webmaster des Wtablettes
www.wtablettes.net
Publicado el 30,marzo 2005 - 11:52
C'est trop cool...

merci .



"Eric R." <eric@wtablettes.net> a écrit dans le message de news:
mn.f1fc7d53620f8060.11485@wtablettes.net...

Frédéric RICHARD a pensé très fort :
Je suis nul, j'ai wfouillé les wtablettes mais j'ai rien trouvé. snif

Mais non, mais non c'est juste moi qui n'avais pas encore validé la
dîte wtablette...Elle est en ligne maintenant.

Que voulez vous, à force de troner à moitié à poil le scribe était
patraque :-)




--
Eric
Webmaster des Wtablettes
www.wtablettes.net
Publicado el 30,marzo 2005 - 12:09
Recoucou, le lien vesr une zone répétée, c'est pourquoi j'avais besoin de
vos aides..

Voilà ce que j'ai fait : je sais, c'est du bricollage mais au moins ça
marche

J'ai copié la fonction _JAT(....) de pcsoft en procédure globale nav __JAT

function __JAT(p,z,n,i){if((i>=1)&&i<=z.value)return
eval("p._"+i+"_"+n);return eval("p._"+z.value+"_"+n)}

Ensuite, dans ma zone répétée, j'ai un attribut qui contiend le nom de
l'image ATT_IMG = chp de saisie invisible

sur le onmouseover() :
imgsrc =
__JAT(_PAGE_,_PAGE_._ZR_PANIER_OCC,"ATT_IMG",_PAGE_.ZR_PANIER.value).value
srchtml = "<TD ALIGN='center'><IMG SRC='/IMG/"+imgsrc+".GIF'></IMG></TD>"
overlib(srchtml,FGCOLOR,"#FFFFFF",BGCOLOR,"#666666")

Sur le onmouseout()
nd()

Voilà, je pence cependant faire comme christian et mettre tout ça dans une
colec de proc.

A+

Fred



"Christian" <cciochir_at_@cmii.fr> a écrit dans le message de news:
mn.fa367d53a679b060.22726@cmii.fr...

Salut à tous,

J'ai résolu les pb que j'avais rencontré (erreur de jwavascript) et
j'ai apporté quelques petites modifications au projet.

Voilà le résultat:

Tout d'abord, je n'ai pas voulu créer des alias supplémentaires.
J'ai donc mis dans le répertoire OVERLIB_WEB un sous répertoire Overlib
dans lequel j'ai copié le overlib.js

Ensuite dans la description de ma page, "Onglet avancé/Code HTML ajouté
à l'entête de la page" j'ai mis
<script type="text/javascript"
SRC="/OVERLIB_WEB/Overlib/Overlib.js"></SCRIPT>
<body><div id="overDiv" style="position:absolute; visibility:hidden;
z-index:1000;"></div></body>

J'ai créé trois procédures globales navigateur en JS:

function AfficheBulleSimple(P_Texte)
{
overlib(P_Texte);
}

et

function AfficheBulleAvecImage(P_Image,P_Texte)
{
overlib("<TD><IMG SRC='/OVERLIB_WEB/Images/"+P_Image+"'></IMG></TD><TD
width=8>\
</TD><TD valign='middle'
class='Arial8'>"+P_Texte+"</TD>",FGCOLOR,"#FFFFFF",BGCOLOR,"#000000")
}

et

function EnleveBulle()
{
nd();
}


Maintenant, sur le code OnMouseOver d'un lien j'apelle l'une ou l'autre
des procédures globales:
AfficheBulleSimple("Première ligne"+RC+"Deuxième ligne")
ou
AfficheBulleAvecImage("logo.gif","Le texte que je souhaite afficher")

Biensur, sur l'évenement OnMouseOut j'appelle la fonction
EnleveBulle()

Voilà, j'espère que ca vous aidera.
La prochaine étape c'est faire ces liens dans une zone répetée...

A+

--
Bon développement à tous
Christian
Publicado el 30,marzo 2005 - 12:46
Eric R. a pensé très fort :

Je me suis permis de rajouter ce post dans le texte de la wtablette de
PJ sur Overlib


C'est très bien Eric.
Je voulais justement t'en parler pour le rajouter.

--
Bon développement à tous
Christian
Publicado el 30,marzo 2005 - 14:01
Annule et remplace le message précédent

C'est déjà moin du bricollage...

J'ai impléménté les fonctions dans des procédures globales

J'ai toujours un champ de saisie dans ma zone répétée ATT_IMG qui contient
le nom de l'image

dans le onmouseover()

AfficherBulleImage(Att_IMG[ZR_Panier])

et ça marche...


A+

Fred
Publicado el 30,marzo 2005 - 15:20
Alors voici les conclusions de l'affaire.

l'utilisation du script overlib fonctionne à merveille avec WebDev 9 sauf
que si vous ne voulez pas perdre la journée à comprendre pourquoi ça ne
marche pas, il ne faut pas utiliser le menu webdev dans la page (erreur
javascript à la ligne 780 caractère 2, l'objet NULL etc ...).

Voilà, j'ai viré mon menu et tout est ok, ça marche même très bien.

Merci à Eric R. et à PJ

Fred

"un grand tout est fait de petits rien ..."

"Frédéric RICHARD" <frichard@matfer.fr> a écrit dans le message de news:
424a50ec$1@news.pcsoft.fr...

C'est trop cool...

merci .



"Eric R." <eric@wtablettes.net> a écrit dans le message de news:
mn.f1fc7d53620f8060.11485@wtablettes.net...

Frédéric RICHARD a pensé très fort :
Je suis nul, j'ai wfouillé les wtablettes mais j'ai rien trouvé. snif

Mais non, mais non c'est juste moi qui n'avais pas encore validé la
dîte wtablette...Elle est en ligne maintenant.

Que voulez vous, à force de troner à moitié à poil le scribe était
patraque :-)




--
Eric
Webmaster des Wtablettes
www.wtablettes.net


Publicado el 30,marzo 2005 - 16:13
Frédéric RICHARD a formulé la demande :
J'ai toujours un champ de saisie dans ma zone répétée ATT_IMG qui contient
le nom de l'image

dans le onmouseover()

AfficherBulleImage(Att_IMG[ZR_Panier])

et ça marche...
Fred


Salut Frédéric,
Si j'ai bien compris, tu as une zone répétée qui s'appelle ZR_Panier.
Dans cette zone répétée, tu as un champ de saisie invisible Att_IMG, où
tu stocke le nom de l'image.
Je ne comprends pas trop ce que ca veut dire Att_IMG[ZR_Panier] ???

Quand j'essaie de faire
AfficherBulleImage(ZoneRepetee[MonChamp]) j'ai une erreur dans webdev
me disant que l'opérateur [ ] est interdit sur le champ ZoneRepetee.

Question: Comment fais tu ?

--
Bon développement à tous
Christian
Publicado el 30,marzo 2005 - 20:30
Salut à tous,
J'utilise Webdev 7
J'ai fait ce qui était indiqué dans le projet.
Les libellés s'affichent bien en Bleu, ou avec une image.
Par contre j'ai toujours une erreur de script qui s'affiche.

J'ai édité la page avec le bloc notes, et j'ai rajouté la ligne
<div id="overDiv" style="position:absolute; visibility:hidden;
z-index:1000;"></div>
juste après le <body>

Et là ca fonctionne. Le problème est que si je regénère la pge à partir
de Webdev, la modification est perdue ...

Comment faites vous pour inclure cette ligne juste après le body ???

Merci de m'aider

--
Bon développement à tous
Christian
Publicado el 01,abril 2005 - 12:22
Quand tu défini une zone répétée, tu mets des champs dedans (je les préfixe
par ZR_monchamp)

Quand tu double clique sur ta zone répétée tu as un truc qui resemble à une
définition de table avec en première ligne Attribut, en deuxième ligne Champ
et en troisième ligne Propriété

Donc,

J'ai un chp de saisie nommé ZR_IMG (invisible) qui contiend le nom de
l'image (par ex 'Art_12345.gif')
Dans la déf de la Zone répétée nommée MaZoneRépétée, j'ai un attribut nommé
Att_IMG pointant sur le champ ZR_IMG avec pour propriété : Valeur

Donc, pour récupérer la valeur du champ ZR_IMG (défini par l'attribut) dans
la zone répétée MaZoneRépétée indine en cours on fait Att_IMG[MaZoneRépétée]

donc AfficherBulleImage(Att_IMG[MaZoneRépétée])

Voilà voilà espérant t'avoir aidé.

"Christian" <cciochir_at_@cmii.fr> a écrit dans le message de news:
mn.fb557d53667499a7.22726@cmii.fr...

Frédéric RICHARD a formulé la demande :
J'ai toujours un champ de saisie dans ma zone répétée ATT_IMG qui
contient
le nom de l'image

dans le onmouseover()

AfficherBulleImage(Att_IMG[ZR_Panier])

et ça marche...
Fred

Salut Frédéric,
Si j'ai bien compris, tu as une zone répétée qui s'appelle ZR_Panier.
Dans cette zone répétée, tu as un champ de saisie invisible Att_IMG, où
tu stocke le nom de l'image.
Je ne comprends pas trop ce que ca veut dire Att_IMG[ZR_Panier] ???

Quand j'essaie de faire
AfficherBulleImage(ZoneRepetee[MonChamp]) j'ai une erreur dans webdev
me disant que l'opérateur [ ] est interdit sur le champ ZoneRepetee.

Question: Comment fais tu ?

--
Bon développement à tous
Christian
Publicado el 01,abril 2005 - 14:29
Frédéric RICHARD avait énoncé :
Quand tu défini une zone répétée, tu mets des champs dedans (je les préfixe
par ZR_monchamp)

Quand tu double clique sur ta zone répétée tu as un truc qui resemble à une
définition de table avec en première ligne Attribut, en deuxième ligne Champ
et en troisième ligne Propriété

Donc,

J'ai un chp de saisie nommé ZR_IMG (invisible) qui contiend le nom de
l'image (par ex 'Art_12345.gif')
Dans la déf de la Zone répétée nommée MaZoneRépétée, j'ai un attribut nommé
Att_IMG pointant sur le champ ZR_IMG avec pour propriété : Valeur

Donc, pour récupérer la valeur du champ ZR_IMG (défini par l'attribut) dans
la zone répétée MaZoneRépétée indine en cours on fait Att_IMG[MaZoneRépétée]

donc AfficherBulleImage(Att_IMG[MaZoneRépétée])

Voilà voilà espérant t'avoir aidé.

"Christian" <cciochir_at_@cmii.fr> a écrit dans le message de news:
mn.fb557d53667499a7.22726@cmii.fr...

Frédéric RICHARD a formulé la demande :
J'ai toujours un champ de saisie dans ma zone répétée ATT_IMG qui
contient
le nom de l'image


Génial, ca marche !!!
Merci

--
Bon développement à tous
Christian