Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : demande d'info sur la gestion onmouseover et onmouseout [ Web 2.0 ] (nazzguhl)

vendredi 1 août 2008 à 13:03:09 | demande d'info sur la gestion onmouseover et onmouseout

nazzguhl

Bonjour,

Je débute en ASP2 et j'essaye de mettre en forme un site (équivalent à la méthode Frame) avec la Master page et les pages de contenu, j'ai à peu près compris le fonctionnement.

Mon problème est dans la Master Page : je charge une image de fond qui engloble la partie haute et gauche et laisse libre la partie droite basse pour les pages de contenu. dans mon image je veux inserer des zones de bouton (boutons "virtuel" via ImageMap) et surtout lorsque je passe au-dessus de ces boutons "virtuel" je voudrais changer la visualisation (zone bouton qui s'illumine, apparition d'image style LED qui s'allume à côté de la zone bouton, etc...), je n'arrive pas à uitliser les fonctionnalité onmouseover, onmouseout (réponse de l'éditeur de webExpress : attribut non autorisé pour cet objet...)

Quelqu'un a-t-il déjà fait fonctionner correctement cette configuration ?
Pour info je ne suis pas un fan de javascript, mais s'il faut en paser par là je m'y mettrai, j'essaye en générale de trouver les fonctionnalité dans VB.NET pour le Web;

Ou tout simplement un bon tuto sur la question de OnMouseOver, OnMouseOut en VB.NET pour Web.

Merci d'avance

ACT

vendredi 1 août 2008 à 13:33:39 | Re : demande d'info sur la gestion onmouseover et onmouseout

nhervagault

Administrateur CodeS-SourceS
Salut,

Les attributs d'évenemets javascript ne sont pas en compte dans le schéma de validation de la page mais sont recopiés dans la page compilé.

Donc ta page devrait fonctionner, si tu veux supprimer
il suffit d'ajouter des attributs sur tes objets dotnet dans le code behind dans le .aspx.vb

Et ce n'est que des warning ASP.NET
exemple
Warning    2    Validation (ASP.Net): Attribute 'onmouseover' is not a valid attribute of element 'GridView'.  

Si tu veux les enlever
Tools > Options > Text Editor > Html > Validation
Décoches Shows Error

Voila


samedi 2 août 2008 à 17:13:27 | Re : demande d'info sur la gestion onmouseover et onmouseout

yann_lo_san

Salut,

Si tes "bouttons virtuels" sont représentés par des objets dotnet
(comme un LitteralControl ou tout simplement un DIV avec l'attribut runat="server")

il te suffit d'ajouter les event javascript dans le Page_Load de ta page (ou masterpage) :

// Page_Load :

objetLitteral.Attributes.Add("onmouseover", "functionJavascriptOver('" + objetLitteral.ClientID + "')");
objetLitteral.Attributes.Add("onmouseout", "functionJavascriptOut('" + objetLitteral.ClientID + "')");


// Dans la section <script> client :

function functionJavascriptOver(idObjet)
{
   document.getElementById(idObjet).className = 'class_mouseover';
}

function functionJavascriptOut(idObjet)
{
   document.getElementById(idObjet).className = 'class_mouseout';
}


dimanche 3 août 2008 à 18:29:42 | Re : demande d'info sur la gestion onmouseover et onmouseout

nazzguhl

Merci pour vos réponse, mais je n'arrive pas a les faire fonctionner, pour la première réponse, OK j'ignore le warning, mais le onmouseover ne fonctionne pas.
Pour la deuxième réponse, j'ai essayé, mais je n'ai pas compris ce que font les 2 fonction JavaScript (en plus VB.Net ne reconnait pas "document").

Voici le code HTML généré par Visual Web Developper :
<%@ Master Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Page sans titre</title>
</head>
<body background="App_img/bg.jpg">
  <form id="form1" runat="server">
  <div>
    <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
       <tr>
         <td colspan="2" height="150" style="text-align: center">
           <asp:ImageMap ID="ImageMap1" runat="server" Height="70px" Width="650px">
             <asp:RectangleHotSpot Bottom="65" HotSpotMode="PostBack" Left="50" PostBackValue="1" Right="150" />
             <asp:RectangleHotSpot Bottom="65" HotSpotMode="PostBack" Left="150" PostBackValue="2" Right="250" />
             <asp:RectangleHotSpot Bottom="65" HotSpotMode="PostBack" Left="250" PostBackValue="3" Right="350" />
           </asp:ImageMap>
           <asp:Image ID="Image1" runat="server" ImageUrl="~/App_img/b6.gif" />
           <asp:Image ID="Image2" runat="server" ImageUrl="~/App_img/b6.gif" /></td>
       </tr>
       <tr>
          <td height="460" width="50">
             &nbsp;</td>
          <td height="460" valign="top">
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
          </td>
       </tr>
    </table>
  </div>
  </form>
</body>
</html>


Ce que je souhaite faire c'est changer les sources des images des asp:Image lorsque la souris passe au dessus des HotSpot.
J'essaye peut-être quelque chose d'impossible ?
Il faut peut-être que je m'y prenne autrement, mais le but est de changer des images lorsque je passe au-dessus de bouton (ou image-bouton ou image map).

Merci de m'aider, j'ai plus l'habitude de programmer du VB sur des traitements (textes ou calcul) plutôt que de faire de la présentation

Merci d'avance
ACT



Cette discussion est classé dans : bouton, image, info, onmouseover, onmouseout


Répondre à ce message

Sujets en rapport avec ce message

Pb avec image pour submit [ par franzioz ] (une réponse)Hello,J'ai un petit pb car je veux mettre une image a la place d'un bouton pour envoyer mes donnes d'un formulaire. Le probleme est que j Champ image - stock data [ par Bruto ] Je dispose d'une page qui sert à joindre des fichiers. A chaque fois que je créé une jointure ( clic bouton "sélectionner" ), je créé une ligne dynami Bouton image [ par Appolon ] Bonjour,J'ai une page ASP avec du code JavaScript.J'ai une balise J'ai un menu déroulant qui fait appel à une fonction javascript sur l'évènement onch PB : ImageButton et OnMouseOver [ par Templar_net ] J'ai un bouton qui a une action associée à un "Insert" dans une base.Pour faire un peu plus joli, je voudrais que :  - lorsque l'utilisateur passe sur telechargement [ par layos ] bjr j'ai fait une page qui comporte un bouton et une image et je voudrais fare de sorte que si tu clic sur le bouton ke l'image soit telechargeable es créer infobulles accompagnant un bouton ou image [ par Zboubi ] Bonjour, je suis nouveau sur ce site, je cherche un moyen d'afficher une infobulle au passage de la souris sur une image ou un bouton, je voudrais cha image onmouseover [ par garnier54 ] bonjourje developpe en asp.net 2.0 je voudrai lorsque la souris passe sur un hyperlink afficher une image a droite du lienJ'ai reussi a le faire mais Affichage d'un fichier d'aide vis-à-vis une image [ par Maroxye ] Allo!C'est peut-être niaiseux, mais je bloques:J'ai une image qui s'affiche ainsi : & logo1 & <font color="#800000" siz onmouseover sur un asp:image [ par adomarle ] Bonjour,Voilà mon problème : j'ai une et je veux que lorque la souris passe dessus d'autres apparaissent. Enfin, je fais un menu déroulant.J'ai donc Pertes de session [ par LeonDob ] Bonjour à tous,Voilà, je suis en train de créer une application Web APS.Net 2.0 avec langage VB et j'utilise de nombreuses sessions.Mon problème est l


Nos sponsors

Sondage...

CalendriCode

Décembre 2008
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,187 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.