Signature problème Javascript

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Signature problème Javascript

Message par Shiooooo le Lun 11 Nov 2013 - 16:17

Bonjour a tous !
Si je poste ce message, c'est que deja avec l'aide de quelqu'un du forum, j'avais réussi à faire une signature codée qui marchait très bien ! (voila le sujet : http://forum.forumactif.com/t302481-faire-des-onglets) et j'en ai fais une autre basée sur le principe qu'il m'avait expliqué et qui marchait bien au début ! Mais voila que je ne sais pas pourquoi mais au lieu de me faire une belle signature toute propre, maintenant il n'y a plus "onglet" et plus rien ne marche (les boutons ect...) et n'étant pas une pro du codage, je suis un peu dans la *bip* n'arrivant pas à trouver l'erreur par moi même, même si je me doute que ça doit être en rapport avec le java .... Quelqu'un pourrait-il me sauver et m'expliquer ce qui ne marche plus ? En tout cas c'était censé être un menu accordéon comme il l'avait appelé celui qui m'avait aidé ou quelque chose comme ça Crying or Very sad 

Voila le code
Spoiler:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
* {
   margin:0;
   padding:0;
   list-style:none;
}
body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   margin:10px;
}

#basic-accordian{
   padding:5px;
   width:710px;
position:absolute;
 
  margin-left:0px;
   margin-top:0px;
}

.accordion_headings{
   padding:5px;
   background-image: url("http://us.cdn3.123rf.com/168nwm/kgtoh/kgtoh0808/kgtoh080800603.jpg");
   color:#FFFFFF;
   border:3px solid #8cbd42;
   cursor:pointer;
font-family: Times;
font-size: 14px;
}

.accordion_headings:hover{
  background-image: url("http://us.cdn3.123rf.com/168nwm/kgtoh/kgtoh0808/kgtoh080800603.jpg");
}

.accordion_child{
   padding:5px;
   background-image: url("http://us.cdn3.123rf.com/168nwm/kgtoh/kgtoh0808/kgtoh080800603.jpg");
margin:5px;
height:370px;
border:3px solid #8cbd42;
}

.titretit{
   font-family: Times;
font-size: 28px;
color:#FFFFFF;
text-shadow: 2px 2px 4px black;
}

.soustitretit{
   font-family: Times;
font-size: 12px;
color:#6b6b6b;
}

.troistitretit{
   font-family: Times;
font-size: 10px;
color:#8cbd42;
text-shadow: 2px 2px 4px #404040;
font-weight: bold;
}

.header_highlight{
  background-image: url("http://us.cdn3.123rf.com/168nwm/kgtoh/kgtoh0808/kgtoh080800603.jpg");
   color:#FFFFFF;
border:3px solid #ead7d7;
}

a{
  color:#8cbd42;
font-weight: bold;
}


.transbox
  {
padding:1px;
width:500px;
  height:250px;
  margin: 20px;
  background-color:#ffffff;
  opacity:0.6;
  }
.transbox p
  {
  margin:30px;
  color:#000000;
  }

</style>
<script type="text/javascript" src="http://sd-5.archive-host.com/membres/up/86411517957321821/menuaccordeon.js"></script>
</head>
<body onload="new Accordian('basic-accordian',5,'header_highlight');">

<div id="basic-accordian" ><!--Parent of the Accordion-->

<div style="width:125px; float:left">
  </br></br></br></br></br></br></br></br></br><div id="test1-header" class="accordion_headings header_highlight"><center>WELCOME</center></div></br>
  <div id="test2-header" class="accordion_headings"><center>MON KIT</center></div></br>
  <div id="test3-header" class="accordion_headings"><center>MES KDOS</center></div></br><div id="test4-header" class="accordion_headings"><center>INFO</center></div>
</div>
<div style="width:570px; float:right">
  <div id="test1-content">
   <div class="accordion_child">
</br></br><center><div class="titretit">HELLO</div><div class="soustitretit">ONCE UPON A TIME...</div><div class="transbox">
<p><div class="troistitretit">Ehehehehe</div>
Blablablablablablablanlabla
</p></div></center></div>
  </div>
  
  <div id="test2-content">
   <div class="accordion_child">
     </br></br><center><div class="titretit">Ohohoohoh</div><div class="soustitretit">Je SUIS LA PLUS FORTE</div>
    </div>
  </div>
  
  <div id="test3-content">

   <div class="accordion_child">
      </br></br><center><div class="titretit">WAOUH</div><div class="soustitretit">JE VOUS REMERCIE SI VOUS ARRIVEZ À M'AIDER</div>
    </div>
  </div>
<div id="test4-content"><div class="accordion_child">
</br></br><center><div class="titretit">JE SUIS QUI ? JE SUIS SHIOOOOO</div><div class="soustitretit">THIS IS THE STORY OF A MYSELF</div></center><div class="transbox">
<p><center>À Remplir ~</center></p></div>
    
   </div>
  </div>
</div>


</div><!--End of accordion parent-->

</body>
</html>

Et comme vous pouvez le voir avec cette image il y a quelque chose de pas normal :
Spoiler:

Merci beaucoup beaucoup beaucoupp d'avance pour votre aide,
Shiooooo


Dernière édition par Shiooooo le Dim 17 Nov 2013 - 16:03, édité 1 fois

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature problème Javascript

Message par Shiooooo le Mar 12 Nov 2013 - 16:28

Up Wink

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature problème Javascript

Message par Shiooooo le Mer 13 Nov 2013 - 15:39

Up ~

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature problème Javascript

Message par Shiooooo le Jeu 14 Nov 2013 - 23:26

up

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature problème Javascript

Message par Shiooooo le Ven 15 Nov 2013 - 22:22

Up

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature problème Javascript

Message par Adam_sfp le Sam 16 Nov 2013 - 10:12

Bonjour

le script dans le code n'est plus hébergé
http://sd-5.archive-host.com/membres/up/86411517957321821/menuaccordeon.js

Cdt.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature problème Javascript

Message par Shiooooo le Sam 16 Nov 2013 - 13:05

Ah mercii beaucoup mais comment je fais pour le ré-hébergé ? Parce que c'était celui qui m'avait aidé qui avait fais ça donc je sais pas du tout...

Shiooooo

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature problème Javascript

Message par MasDan le Dim 17 Nov 2013 - 5:25

Bonjour,

Malheureusementv comme le code n'est plus hébergé, il va falloir le remplacer.

Utiliser le code qui suit comme exemple, il devrait correspondre à vos besoins.

Code:
<!DOCTYPE html>
<html>
<head>

<meta http-equiv="content-type"     content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Language" content="fr">
<meta name="author"    content="MasDan">

<title>Modèle Menu</title>

<!--<script type="text/JavaScript" src="jquery-1.10.2.js"></script> <!--jquery local  -->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <!--jquery de google  -->

<script type="text/JavaScript">
var actuel = "1";

function AffOpt(neo) {
  if (actuel != neo) {
    $('.MenuSlct').removeClass('MenuSlct');
    $('.OptSlct').removeClass('OptSlct');
 sel = '#MenuOpt' + neo;
 $(sel).addClass('MenuSlct');
 sel = '.AffOpt' + neo;
 $(sel).addClass('OptSlct');
 actuel = neo;
 }
}
</script>

<style type="text/css">
body {
  font-family: Arial, Helvetica, sans-serif;
}

.Cadre {
 width: auto;
 height: auto;
}

#DivMenu {
 margin-top: 100px;
 margin-left: 10px;
 margin-right: 5px;
  width: 125px;
 text-align: center;
 display: inline-block;
 float:left;
}

.DivMenuOpt {
  margin: 5px;
 border:3px solid #8cbd42;
  color: white;
  background-image: url("http://us.cdn3.123rf.com/168nwm/kgtoh/kgtoh0808/kgtoh080800603.jpg");
}

.MenuSlct {
  border:3px solid #ead7d7;
}

#Aff {
 display: inline-block;
}

.AffOpt1, .AffOpt2, .AffOpt3, .AffOpt4 {
 width: 600px;
  padding:5px;
  background-image: url("http://us.cdn3.123rf.com/168nwm/kgtoh/kgtoh0808/kgtoh080800603.jpg");
  margin:5px;
  height:370px;
  color: white;
  border:3px solid #8cbd42;
 display: none;
}

.OptSlct {
 display: inherit;
}

.OptTitre {
  font-family: Times;
  font-size: 28px;
  color:#FF00FF;
  text-shadow: 2px 2px 4px black;
}
</style>

</head>

<body>

  <div  class="Cadre">
    <div id="DivMenu">
      <div class="DivMenuOpt MenuSlct" id="MenuOpt1" onClick="AffOpt('1')">Welcome</div>   <!--  Option 1 -->
      <div class="DivMenuOpt" id="MenuOpt2" onClick="AffOpt('2')">Mon Kit</div>            <!--  Option 2 -->
      <div class="DivMenuOpt" id="MenuOpt3" onClick="AffOpt('3')">Mes Kdos</div>           <!--  Option 3 -->
      <div class="DivMenuOpt" id="MenuOpt4" onClick="AffOpt('4')">Info</div>               <!--  Option 4 -->
    </div>

    <div id="Aff">
      <div class="AffOpt1 OptSlct">  <!--  Option 1 -->
 <center><span class="titretit">Option 1 Hello</span></center>
 </div>
      <div class="AffOpt2">          <!--  Option 2 -->
 <center><span class="titretit">Option 2  Mon Kit</span></center>
 </div>
      <div class="AffOpt3">          <!--  Option 3 -->
 <center><span class="titretit">Option 3  Mon Kdos</span></center>
 </div>
      <div class="AffOpt4">          <!--  Option 4 -->
 <center><span class="titretit">Option 4  Info</span></center>
 </div>
    </div>
 </div>

</body>
</html>

MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature problème Javascript

Message par Shiooooo le Dim 17 Nov 2013 - 13:16

Bonjour !
Tout d'abord un grand merci à vous de m'avoir aidée pour ce code, je n'aurais JAMAIS réussis quoique ce soit sans vous (rien que héberger le code, je vois pas ce qu'il faut héberger et ou donc bonnn....) ! Je vous embête encore avec deux petites choses et après j'arrête promis Smile:
- ou puis-je mettre "onmouseover="changeOnglet(this);" pour pouvoir ne pas avoir à cliquer mais juste à passer la souris pour changer d'onglet ?
- quand je marque des mots avec des accents et que je prévisualise, j'obtient "é" ou "è"... que dois je faire pour résoudre ce problème ?

Voila donc votre code que j'ai un peu modifié :
Spoiler:

Code:
<!DOCTYPE html>
<html>
<head>
        
       <meta http-equiv="content-type"     content="text/html; charset=ISO-8859-1">
        <meta http-equiv="Content-Language" content="fr">
        <meta name="author"    content="MasDan">
        
       <title>Modèle Menu</title>
        
       <!--<script type="text/JavaScript" src="jquery-1.10.2.js"></script> <!--jquery local  -->
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <!--jquery de google  -->
        
       <script type="text/JavaScript">
        var actuel = "1";
        
       function AffOpt(neo) {
          if (actuel != neo) {
            $('.MenuSlct').removeClass('MenuSlct');
            $('.OptSlct').removeClass('OptSlct');
         sel = '#MenuOpt' + neo;
         $(sel).addClass('MenuSlct');
         sel = '.AffOpt' + neo;
         $(sel).addClass('OptSlct');
         actuel = neo;
         }
        }
        </script>
        
       <style type="text/css">
        body {
          font-family: Arial, Helvetica, sans-serif;
font-size: 10px;

        }
        
       .Cadre {
         width: auto;
         height: auto;
        }
        
       #DivMenu {        
margin-top: 100px;
         margin-left: 10px;
         margin-right: 5px;
          width: 125px;
         text-align: center;
         display: inline-block;
         float:left;
font-family: Times;
font-size: 14px;
        }
        
       .DivMenuOpt {
padding:5px;
          margin: 5px;
         border:3px solid #8cbd42;
          color: white;
          background-image: url("http://us.cdn3.123rf.com/168nwm/kgtoh/kgtoh0808/kgtoh080800603.jpg");

        }
        
       .MenuSlct {
          border:3px solid #ead7d7;
        }
        
       #Aff {
         display: inline-block;
        }
        
       .AffOpt1, .AffOpt2, .AffOpt3, .AffOpt4 {
         width: 560px;
          padding:5px;
          background-image: url("http://us.cdn3.123rf.com/168nwm/kgtoh/kgtoh0808/kgtoh080800603.jpg");
          margin:5px;
          height:380px;
          color: white;
          border:3px solid #8cbd42;
         display: none;
        }
        
       .OptSlct {
         display: inherit;
        }
        
       .OptTitre {
          font-family: Times;
          font-size: 28px;
          color:#FFFFFF;
          text-shadow: 2px 2px 4px black;
        }

.soustitretit{
   font-family: Times;
font-size: 12px;
color:#6b6b6b;
}

.troistitretit{
   font-family: Times;
font-size: 10px;
color:#8cbd42;
text-shadow: 2px 2px 4px #404040;
font-weight: bold;
}

.transbox
  {
padding:1px;
width:500px;
  height:250px;
  margin: 20px;
  background-color:#ffffff;
  opacity:0.6;
  }

.transbox p
  {
  margin:30px;
  color:#000000;
  }

        </style>
        
       </head>
        
       <body>
        
         <div  class="Cadre">
            <div id="DivMenu">
              <div class="DivMenuOpt MenuSlct" id="MenuOpt1" onClick="AffOpt('1')">WELCOME</div>   <!--  Option 1 -->
              <div class="DivMenuOpt" id="MenuOpt2" onClick="AffOpt('2')">MON KIT</div>            <!--  Option 2 -->
              <div class="DivMenuOpt" id="MenuOpt3" onClick="AffOpt('3')">MES KDOS</div>           <!--  Option 3 -->
              <div class="DivMenuOpt" id="MenuOpt4" onClick="AffOpt('4')">INFO</div>               <!--  Option 4 -->
            </div>
        
           <div id="Aff">
              <div class="AffOpt1 OptSlct">  <!--  Option 1 -->
         </br><center><span class="OptTitre">OPTION 1</span></br><span class="soustitretit">ONCE UPON A TIME A FORUM...</span><div class="transbox">
<p><span class="troistitretit">ATTENTION, JE VAIS VOUS ENSORCELER !</span>
</br></br>Tu es un p'tit nouveau ? Alors bienvenue à toi sur notre forum ♥</br>Tu es un ancien qui passe par là par hasard ? Alors viens que je te dise bonjour ♣</br></br></br><span class="troistitretit">TU ES PERDU(E) ? ATTEND JE VAIS T'AIDER !</span>
</br></br>Tu es un nouveau un peu paumé, ou un ancien qui s'y retrouve plus ?</br> Voilà quelques liens pour t'aider !</br></br>
</p></span></center>

         </div>
              <div class="AffOpt2">          <!--  Option 2 -->
         </br><center><span class="OptTitre">OPTION 2</span></br><span class="soustitretit">ONCE UPON A TIME A FORUM...</span><div class="transbox">
<p><span class="troistitretit">ATTENTION, JE VAIS VOUS ENSORCELER !</span>
</br></br>Tu es un p'tit nouveau ? Alors bienvenue à toi sur notre forum ♥</br>Tu es un ancien qui passe par là par hasard ? Alors viens que je te dise bonjour ♣</br></br></br><span class="troistitretit">TU ES PERDU(E) ? ATTEND JE VAIS T'AIDER !</span>
</br></br>Tu es un nouveau un peu paumé, ou un ancien qui s'y retrouve plus ?</br> Voilà quelques liens pour t'aider !</br></br>
</p></span></center>
         </div>

              <div class="AffOpt3">          <!--  Option 3 -->
         </br><center><span class="OptTitre">OPTION 3</span></br><span class="soustitretit">ONCE UPON A TIME A FORUM...</span><div class="transbox">
<p><span class="troistitretit">ATTENTION, JE VAIS VOUS ENSORCELER !</span>
</br></br>Tu es un p'tit nouveau ? Alors bienvenue à toi sur notre forum ♥</br>Tu es un ancien qui passe par là par hasard ? Alors viens que je te dise bonjour ♣</br></br></br><span class="troistitretit">TU ES PERDU(E) ? ATTEND JE VAIS T'AIDER !</span>
</br></br>Tu es un nouveau un peu paumé, ou un ancien qui s'y retrouve plus ?</br> Voilà quelques liens pour t'aider !</br></br>
</p></span></center>
         </div>

              <div class="AffOpt4">          <!--  Option 4 -->
         </br><center><span class="OptTitre">OPTION 4</span></br><span class="soustitretit">ONCE UPON A TIME A FORUM...</span><div class="transbox">
<p><span class="troistitretit">ATTENTION, JE VAIS VOUS ENSORCELER !</span>
</br></br>Tu es un p'tit nouveau ? Alors bienvenue à toi sur notre forum ♥</br>Tu es un ancien qui passe par là par hasard ? Alors viens que je te dise bonjour ♣</br></br></br><span class="troistitretit">TU ES PERDU(E) ? ATTEND JE VAIS T'AIDER !</span>
</br></br>Tu es un nouveau un peu paumé, ou un ancien qui s'y retrouve plus ?</br> Voilà quelques liens pour t'aider !</br></br>
</p></span></center>
         </div>
            </div>
         </div>
        
       
</body>
</html>

Encore merci de m'avoir aidée et désolé de vous embêter encore...
Shiooooo

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature problème Javascript

Message par MasDan le Dim 17 Nov 2013 - 14:15

Bonjour,

Pour les caractères accentués, le problème viens du charset déclaré. Repérer cette ligne
Code:
<meta http-equiv="content-type"     content="text/html; charset=ISO-8859-1">
et remplacer  «ISO-8859-1» par «UFT-8».

Pour remplacer le clic par le survol de la souris; il s'agit simplement de remplacer «onClick» par «onMouseOver».

MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature problème Javascript

Message par Shiooooo le Dim 17 Nov 2013 - 16:02

Rebonjour et merci infiniment pour votre aide, maintenant tout marche parfaitement grâce a vous et je peux avoir une jolie signature eheh. Le sujet est maintenant
Encore milles merci,
Shiooooo

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum