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 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 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 Ajout dans Profile Group [ par ddove53 ] Bonjour,j'ai fait un groupe de profil é à chaq fois que je lick sur un bouton enregistrer, je veux qu'il enregistre un nouvel utilisateur dans la base gridview avec image bouton [ par mr_chafik ] bonjourj vais essayé d etre rapide, voilamon problem c que j essaye d insérer 1 image bouton  dan ma gridview mais a chaque fois j ai l meme erreur au


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

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

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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,281 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é.