begin process at 2012 05 29 22:48:18
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

recherche code source desesperement !!!

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

recherche code source desesperement !!!

lundi 16 octobre 2006 à 22:07:02 | recherche code source desesperement !!!

masta64
Salut a tous !!! Jsui débutant et je recherche un code sources qui sert à mettre au premier plan une image avec onmouseover et qui passe au second plan en laissant apparaitre le texte avec onmouseout ???

Un exemple de ce que je cherche ici [ Lien ] 

Vous me direz pourkoi n'ai je pas repris le code sur ce site,tout simplement parce ke g essayé et ke j'y arrive pas ou preske,il fait appel au fichier source.js...et la c trop compliké pour moi j'arrive pas encore bien a comprendre tout,je vous rappel ke jsui debutant alors ... laissez moi le temps svp !!!


Merci pour votre aide
masta64
mardi 17 octobre 2006 à 02:45:00 | Re : recherche code source desesperement !!!

Arto_8000
Tu ferais bien de lire les règlements du forum avant de poser une question ... 3. On utilise un langage correct : pas de langage SMS, et on fait attention à l'orthographe. 9. On ne demande pas un programme tout fait, on ne demande que de l'aide sur un problème concret. Pour ton fichier t'as essayer http://www.tolkiendil.com/source.js ? Tu devrais pouvoir enregistrer le fichier.
mardi 17 octobre 2006 à 03:54:40 | Re : recherche code source desesperement !!!

masta64
Merci pour ce petit rappel c'est gentil de ta part !!!

Contrairement à ce qu'on pourrait croire c'est vraiment de l'aide que je cherche,car ca fait deux que je planche sur le sujet et j'ai bataillé croyez moi,tout y ai passer,j'ai essayé de modifier le code source du fichier source.js mais j'y arrrive pas,pourtant c'est pas faute d'avoir essayé !!!

J'ai plusieurs livres qui traitent le sujet mais en fait je n'arrive pas ou presque à garder les bons parametre et les bonnes variables qui s'adaptent à mes fichiers images,quant à la fonction en elle meme je crois que j'ai du vraiment mal la faire !!


masta64
mardi 17 octobre 2006 à 05:14:33 | Re : recherche code source desesperement !!!

masta64

Re salut a tous !!! Pourriez vous m'aidez à bien faire mon code source pour ma fonction que je cherche ,c'est a dire, une image qui apparait au premier plan avec "onMouseOver" et qui disparait en laissant place au texte avec "onMouseOut" !!!

Ce qui suit c'est le code HTML de la page qui m'interesse !!!
  1. <HTML><head>
  2. <meta name="generator" content="HTML Tidy for Windows (vers 1 June 2005), see  www.w3.org">
  3. <title>Mon site</title>
  4. <meta name="Author" content="">
  5. <script_language="JavaScript" src="/fichiers/source.js" type="text/javascript">
  6. </script>
  7. <link rel="SHORTCUT ICON" href="http://www.masta64.neuf.fr/favicon.ico">
  8. <script language="JavaScript" src="/fichiers/niouzes.js" type="text/javascript">
  9. </script>
  10. <style type="text/css">
  11. BODY {      SCROLLBAR-FACE-COLOR: #1F1F1F;    SCROLLBAR-HIGHLIGHT-COLOR: #C9C9C9;      SCROLLBAR-SHADOW-COLOR: #000000;      SCROLLBAR-3DLIGHT-COLOR: #A0A0A0;      SCROLLBAR-ARROW-COLOR: #C9C9C9;      SCROLLBAR-TRACK-COLOR: #FFFFFF;      SCROLLBAR-DARKSHADOW-COLOR: #1F1F1F      }      #TXT {      position: relative;      z-index: 2;      }      #TXT-OVER {      position: relative;      z-index: 2;      }      #TXT P {      COLOR: #CCCCCC;      TEXT-ALIGN: justify;      font-family: Verdana, Tahoma, Arial;      text-decoration: none;      font-size: 8pt;      text-indent: 20px;      position: relative;      z-index: 2;      }      #TXT-OVER P {      COLOR: #000000;      TEXT-ALIGN: justify;      font-family: Verdana, Tahoma, Arial;      text-decoration: none;      font-size: 8pt;      text-indent: 20px;      position: relative;      z-index: 2;      }      #TXT A {      COLOR: #CCCCCC;      TEXT-ALIGN: justify;      font-family: Verdana, Tahoma, Arial;      text-decoration: bold;      font-size: 8pt;      }      #TXT-OVER A {      COLOR: #000000;      TEXT-ALIGN: justify;      font-family: Verdana, Tahoma, Arial;      text-decoration: bodl;      font-size: 8pt;      }      P {      color: #1F1F1F;      font-family: Verdana, Tahoma, Arial;      text-decoration: none;      font-size: 8pt;      text-align: justify;      }      P.r {      color: #000000;      text-align: right;      font-family: Verdana, Tahoma, Arial;      font-size: 8pt;      }      A {      color: #1F1F1F;      font-family: Verdana, Tahoma, Arial;      text-decoration: none;      font-size: 8pt;      }      A:Active {      color: #000000;      font-family: Verdana, Tahoma, Arial;      text-decoration: none;      font-size: 8pt;      }      A:Visited {      color: #1F1F1F;      font-family: Verdana, Tahoma, Arial;      text-decoration: none;      font-size: 8pt;      }      A:Hover {      color: #1F1F1F;      font-family: Verdana, Tahoma, Arial;      text-decoration: underline;      font-size: 8pt;      }      TD {      color: #1F1F1F;      font-family: Verdana, Tahoma, Arial;      text-decoration: none;      font-size: 8pt;      }      TD.N {      color: #1F1F1F;      text-align: center;      font-family: Verdana, Tahoma, Arial;      text-decoration: none;      font-size: 8pt;      }      H2 {      color: #A07F6F;      font-size: 10pt;      font-weight: bold;      font-family: Verdana, Tahoma, Arial;      text-align: justify;      }      INPUT {      color: #1F1F1F;      font-family: Verdana, Tahoma, Arial;      text-decoration: none;      font-size: 8pt;      text-align: justify;      }      SELECT {      color: #1F1F1F;      font-family: Verdana, Tahoma, Arial;      text-decoration: none;      font-size: 8pt;      text-align: justify;      }
  12. </style>
  13. <script language="JavaScript" type="text/javascript">
  14. function toggleVisibility(name,display) {
  15. tmp=document.getElementById(name);
  16. tmp.style.display=display;
  17. }
  18. function txtVisibility(name) {
  19. tmp=document.getElementById(name);
  20. tmp.id = 'TXT-OVER';
  21. }
  22. </script>
  23. <link type="text/css" rel="stylesheet" id="webdeveloper-show-comm         a href="/fichiers/show_comments.css">
  24. <style type="text/css" id="webdeveloper-show-comments-tooltips">
  25. div.webdeveloper-comment-icon,div.webdeveloper-comment-text, div.webdeveloper-comment-text * {background-color: #ffff99 !important;border-color: #ffcc66 !important;color: #000000 !important;  -moz-opacity: 0.9 !important; opacity: 0.9 !important;
  26. }
  27. </style>
  28. <link type="text/css" rel="stylesheet" id="webdeveloper-display-access-keys"  href="fichiers/tooltips.css">
  29. <style type="text/css" id="webdeveloper-display-access-keys-tooltips">
  30.       span.webdeveloper-access-key {      background-color: #ffff99 !important;      border-color: #ffcc66 !important;      color: #000000 !important;      -moz-opacity: 0.9 !important;      opacity: 0.9 !important;      }
  31. </style>
  32.     <link type="text/css" rel="stylesheet" id=
  33.     "webdeveloper-display-id-class-details" href=
  34.     "fichiers/tooltips.css">
  35. <style type="text/css" id="webdeveloper-display-id-class-details-tooltips">
  36.       span.webdeveloper-id-class-details {      background-color: #ffff99 !important;      border-color: #ffcc66 !important;      color: #000000 !important;      -moz-opacity: 0.9 !important;      opacity: 0.9 !important;      }
  37. </style>
  38.     <link type="text/css" rel="stylesheet" id=
  39.     "webdeveloper-display-object-information" href=
  40.     "fichiers/display_object_information.css">
  41. <style type="text/css" id="webdeveloper-display-object-information-tooltips">
  42.       div.webdeveloper-object-information {      background-color: #ffff99 !important;      border-color: #ffcc66 !important;      color: #000000 !important;      -moz-opacity: 0.9 !important;      opacity: 0.9 !important;      }
  43. </style>
  44.     <link type="text/css" rel="stylesheet" id=
  45.     "webdeveloper-display-stack-levels" href=
  46.     "fichiers/tooltips.css">
  47. <style type="text/css" id="webdeveloper-display-stack-levels-tooltips">
  48.       span.webdeveloper-stack-level {      background-color: #ffff99 !important;      border-color: #ffcc66 !important;      color: #000000 !important;      -moz-opacity: 0.9 !important;      opacity: 0.9 !important;      }
  49. </style>
  50.     <link type="text/css" rel="stylesheet" id="webdeveloper-display-tab-index"
  51.     href=
  52.     "fichiers/tooltips.css">
  53. <style type="text/css" id="webdeveloper-display-tab-index-tooltips">
  54.       span.webdeveloper-tab-index {      background-color: #ffff99 !important;      border-color: #ffcc66 !important;      color: #000000 !important;      -moz-opacity: 0.9 !important;      opacity: 0.9 !important;      }
  55. </style>
  56.   </head>
  57.   <body class="P" topmargin="0" bgcolor="white">
  58.     <span class="webdeveloper-id-class-details">#LOGO-OFF</span> <img id=
  59.     "LOGO-OFF" src=
  60.     "fichiers/logo-tolkiendil2.jpg"
  61.     style=
  62.     "position: absolute; z-index: 1; left: 50%; top: 180px; width: 400px; height: 320px; margin-left: -200px;">
  63.      <span class="webdeveloper-stack-level">img #LOGO-OFF Z-index=1</span>
  64.     <span class="webdeveloper-id-class-details">#LOGO-ON</span> <img id=
  65.     "LOGO-ON" src=
  66.     "fichiers/logo-tolkiendil1.gif"
  67.     style=
  68.     "position: absolute; z-index: 3; left: 50%; top: 180px; width: 400px; height: 320px; margin-left: -200px; display: inline;"
  69.     onmouseover=
  70.     "javascript: toggleVisibility('LOGO-ON','none'); txtVisibility('TXT');">
  71.     <span class="webdeveloper-stack-level">img #LOGO-ON Z-index=3</span>
  72.     <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
  73. <tbody>
  74. <tr>
  75. <td align="center">
  76. <a href="http://www.masta64.neuf.fr/index.php"><img src=
  77. "fichiers/bandeau_tolkiendil.jpg" border="0" height="90" width="482">
  78. </a>
  79. </td>
  80. </tr>
  81. <tr>
  82. <td align="center">
  83. <a href="http://www. masta64.neuf.fr/index.php"><img src="fichiers/association.jpg"
  84.  alt="" title="" onmouseover="javascript: src='images/association_o.jpg';" onmouseout=
  85.  "javascript: src='images/association.jpg';" border="0" height="30"
  86.   width="200"></a><br>
  87.  <br>
  88. </td>
  89.  </tr>
  90. <tr>
  91.  <td>
  92. <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
  93. <tbody>
  94. <tr>
  95. <td align="center" valign="middle">                   
  96. </td>
  97. <td rowspan="5" align="center" valign="middle" width="650">
  98. <a href="http://www.masta64.neuf.fr/accueil.php">
  99. <!--img src="images/dragon.jpg" width="250" height="250" alt="" border="0" TITLE="Page d'accueil"--></a>
  100. <!--<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1" BGCOLOR="#000000" WIDTH="100%"><TR><TD>-->
  101. <center>
  102. <span class="webdeveloper-id-class-details">#TXT</span>
  103. <table bgcolor="white" border="0" cellpadding="10"
  104.  cellspacing="0" width="100%">
  105. <tbody>
  106. <tr>
  107. <td id="TXT" onmouseover=
  108. "javascript: toggleVisibility('LOGO-ON','none'); id='TXT-OVER';"
  109. onmouseout=
  110. "javascript: toggleVisibility('LOGO-ON','inline'); id='TXT';">
  111. <span class="webdeveloper-stack-level">td #TXT
  112.  Z-index=2</span>
  113. <p>
  114. <span class="webdeveloper-stack-level">p
  115. Z-index=2</span> Bienvenue sur le site de
  116. <a href="http://www.tolkiendil.com/asso"><b>Tolkiendil,Association Loi 1901 pour la promotion de l'oeuvre de J.R.R. Tolkien</b></a>.
  117. </p>
  118. <p>
  119. <span class="webdeveloper-stack-level">p
  120. Z-index=2</span><a href="http://www.tolkiendil.com/homme/hombio.php"><b>J.R.R. Tolkien</b></a> est un auteur britannique du vingtième siècle, devenu une référence du genre imaginaire grâce à son livre
  121. <a href="http://www.tolkiendil.com/homme/fiches/sda.php">
  122. <b><i>Le Seigneur des Anneaux</i></b></a> qui
  123. faisait suite à <a href="http://www.tolkiendil.com/homme/fiches/bh.php">
  124. <b><i>Bilbo le Hobbit</i></b></a>. Après samort, son fils fit publier ses notes décrivant son immense univers dans divers autres ouvragesnotamment <a href="http://www.tolkiendil.com/homme/fiches/silm.php">
  125. <b><i>le Silmarillion</i></b></a>.
  126. </p>
  127. <p>
  128. <span class="webdeveloper-stack-level">p
  129. Z-index=2</span> L'association Tolkiendil vous propose d'explorer cet univers en participant à diverses activités comme l'organisation de
  130. <b>rencontre</b>, la participation à <b>des salons</b>, des discussions sur <a href= "http://www.tolkiendil.com/chat"><b>le chat</b></a> ou <a href=
  131. "http://forum.tolkiendil.com/" target="_blank"><b>le forum</b></a>, <a href=
  132. "http://www.yrch.com/" target="_blank"><b>l'annuaire de sites Yrch!</b></a>
  133. ainsi que <a href="http://www.tolkiendil.com/accueil.php"><b>son site</b></a>.
  134. </p>
  135. <p>
  136. <span class="webdeveloper-stack-level">p
  137. Z-index=2</span> Vous pourrez découvrir l'histoire de cet auteur et tout son travail dans la section détaillant <a href="http://www.tolkiendil.com/homme/hombio.php"><b>sa biographie</b></a> et <a href="http://www.tolkiendil.com/homme/hombiblio_tolk.php"><b>sa bibliographie</b></a>. Vous pourrez aussi savoir où et comment trouver des <a href="http://www.tolkiendil.com/homme/hombiblio_sur.php">
  138. <b>travaux publiés</b></a> déjà réalisés surson oeuvre ou simplement consulter les <a href="http://www.tolkiendil.com/essais"><b>essais et études</b></a> que nous publions.
  139. </p>
  140. <p>
  141. <span class="webdeveloper-stack-level">p
  142. Z-index=2</span> Pour mieux explorer ce monde,vous trouverez une <a href="http://www.tolkiendil.com/encyclo"><b>encyclopédie</b></a>
  143. accompagnée d' <a href="http://www.tolkiendil.com/encyclo/chrono.php"><b>une chronologie</b></a> vous permettant de resituer dans le temps tout évènement. De plus,<a href="http://www.tolkiendil.com/langues"><b>la section Langues</b></a> vous fera aborder les langues des nombreux peuples.
  144. </p>
  145. <p>
  146. <span class="webdeveloper-stack-level">p
  147. Z-index=2</span> Savourez les oeuvres artistiques inspirées de l'univers du
  148. professeur, aussi bien au niveau des
  149. <a href="http://www.tolkiendil.com/galerie"><b>arts graphiques exposés dans la Galerie</b></a>, que des <a href="http://www.tolkiendil.com/arts"><b>arts
  150. littéraires réunis dans la section Arts</b></a>. Les sections <a href=
  151. "http://www.tolkiendil.com/humour"><b>Humour</b></a>
  152. et <a href="http://www.tolkiendil.com/telec"><b>Téléchargement</b></a>
  153. vous permettront d'apprendre et de partager votre passion notamment en s'amusant.
  154. </p>
  155. <p>
  156. <span class="webdeveloper-stack-level">p
  157. Z-index=2</span> Découvrez et partagez avec l'
  158. <a href="http://www.tolkiendil.com/asso"><b>Association Tolkiendil</b></a>, l'immensité de l'oeuvre de J.R.R. Tolkien. Apprenez qui est Aragorn et Arwen, Elrond et Galadriel, Gandalf et Saroumane. Soyez émus par l'histoire Túrin Turambar, soyez charmés par celle de Beren et Lúthien, révoltés par celle de Fëanor. Comprenez la génèse d'un univers magique.
  159. <b>Imaginez cette mythologie comme la vôtre ! Rêvez tout simplement...</b>
  160. </p>
  161. </td>
  162. </tr>
  163. </tbody>
  164. </table>
  165. </center><!--</TR></TD></TABLE>-->
  166. </td>
  167. </tr>
  168. <tr>
  169. <td></td>
  170.                 </tr>
  171.                 <tr>
  172.                   <td></td>
  173.                 </tr>
  174.                 <tr>
  175.                   <td align="center" valign="middle">
  176.                      
  177.                   </td>
  178.                   <td align="center" valign="middle"></td>
  179.                 </tr>
  180.                 <tr>
  181.                   <td align="center" height="100%" valign="middle">
  182.                      
  183.                   </td>
  184.                 </tr>
  185.               </tbody>
  186.             </table>
  187.           </td>
  188.         </tr>
  189.         <tr>
  190.           <td align="center">
  191.             <br>
  192.             <table width="100%">
  193.               <tbody>
  194.                 <tr>
  195.                   <td align="center" width="33%">
  196.                      
  197.                   </td>
  198.                   <td align="center" width="33%">
  199.                      
  200.                   </td>
  201.                   <td align="center" width="33%">
  202.                      
  203.                   </td>
  204.                 </tr>
  205.               </tbody>
  206.             </table>
  207.           </td>
  208.         </tr>
  209.         <tr>
  210.           <td colspan="3" align="center">
  211.             <br>
  212.             <br>
  213.             <table bgcolor="#FE0232" border="0" cellpadding="0" cellspacing="1"
  214.             width="650">
  215.               <tbody>
  216.                 <tr>
  217.                   <td>
  218.                      
  219.                   </td>
  220.                 </tr>
  221.               </tbody>
  222.             </table><br>
  223.           </td>
  224.       </table>
  225.   </body>
  226. </html>
  227. masta64


Voila ca c'est la page d'accueil du site tolkien.com un peu degrossi à ma facon et ce que j'ai selectionné en rouge c'est ce que je crois kil faut que je garde pour ma fonction d'image qui vient au premier plan avec "onMouseOver" et qui fait apparaitre le texte avec "onMouseOut", et dans le reste je sais pas trop ce qui est important à garder pour ce que je veux faire !!! Je sais j'ai pier la page du site tolkien.com !!!


Montrez moi ce qui est important à garder dans cette page, que j'aurais oublier !!!


Cette discussion est classée dans : code, ke, recherche, source, desesperement

Répondre à ce message

Sujets en rapport avec ce message

[clos] recherche de code source [ par baudelaireassokpe ] Hello a vs tous je recherche un code source javascript qui pourra m'aider à gérer un texte un peu comme sur le téléphone mobile en faisant la saisi d' Envoie des SMS depuis MyEclipse [ par widedhanen ] Salem, j'ai besoin d'aide pour mon projet de fin d'étude. On m'a demandé d'intégrer un code source qui permet l'envoie des SMS depuis mon application. Bulles d'aide du site code source [ par matta6666 ] BonjourVous avez de superbes bulles d'aide sur votre site au rubrique < changer le code source d'un jeu [ par lymonn ] bonjour, je cherche une bonne ame qui pourrait m'aider a changer un code source d'un jeu mmorph . ce n'est pas de la triche juste pour faire tourner Formulaire PHP email [ par didsat ] Impossible de trouver le bon code source (php) pour que le formulaire de mon site me soit renvoyé sur mon adresse e mail, (je passe par online.fr), s Changer le code source de la page et qu'il ne se change pas. [ par valiii ] Je cherche un Hack ou une méthode pour changer le scripte sur un jeux facebook. Pour avoir des piéces d'or... Caher le code source [ par NHenry ] cacher le code source [ par morgandetoi06 ] bonjour, j aimerait savoir comment faire pour cacher le code source de ma page, pour pas qu il soit visible en faisant "affichage > source" sous IE... Masquer le code source "descritption et keywords" dans le HTML [ par phuket ] Bonjour a tous les genis du web,Ma question est que je cherche un moyen pour masquer les code source dans le HTML entre le et le pour les meta keywo


Nos sponsors


Sondage...

Comparez les prix


Motorola MILESTONE
Entre 489€ et 489€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

Photo Underwater View of the Ocean With LIght Shining Through the WavePhoto Beautiful El Capitan Yosemite National Park
Photo Herbstwald im Gegenlicht 

Visiter la photothèque

A découvrir
 
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 : 4,883 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)