begin process at 2012 02 14 04:13:29
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

ASP.NET

 > 

Web 2.0

 > 

demande d'info sur la gestion onmouseover et onmouseout

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

demande d'info sur la gestion onmouseover et onmouseout

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ée 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 afficher une image stockée dans un répertoire [ par pigeon11 ] Bonjour, Dans une page aspx(vbnet)  j'ai un bouton. en cliquant sur ce bouton je veux afficher une image [B][COLOR="Red"]stockée dans un répertoir 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


Nos sponsors


Sondage...

Comparez les prix


Archos 7 home tablet - 2 Go
Entre 149€ et 159€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode
 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,733 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)