Accueil
Créer un forumSignature problème Javascript
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Signature problème Javascript
par Shiooooo 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 : https://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
Voila le code
Et comme vous pouvez le voir avec cette image il y a quelque chose de pas normal :
Merci beaucoup beaucoup beaucoupp d'avance pour votre aide,
Shiooooo
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 : https://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
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- **
-
Messages : 80
Inscrit(e) le : 17/12/2010 -
Shiooooo- **
-
Messages : 80
Inscrit(e) le : 17/12/2010 -
Shiooooo- **
-
Messages : 80
Inscrit(e) le : 17/12/2010 -
Shiooooo- **
-
Messages : 80
Inscrit(e) le : 17/12/2010 -
Shiooooo- **
-
Messages : 80
Inscrit(e) le : 17/12/2010 -
Re: Signature problème Javascript
par Adam_sfp Sam 16 Nov 2013 - 10:12
Bonjour
le script dans le code n'est plus hébergé
https://sd-5.archive-host.com/membres/up/86411517957321821/menuaccordeon.js
Cdt.
le script dans le code n'est plus hébergé
https://sd-5.archive-host.com/membres/up/86411517957321821/menuaccordeon.js
Cdt.
Adam_sfp- Membre actif
-
Messages : 4465
Inscrit(e) le : 18/04/2008 -
Re: Signature problème Javascript
par Shiooooo 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
Shiooooo- **
-
Messages : 80
Inscrit(e) le : 17/12/2010 -
Re: Signature problème Javascript
par MasDan 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.
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- Membre habitué
-
Messages : 1538
Inscrit(e) le : 24/05/2011 -
Re: Signature problème Javascript
par Shiooooo 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
:
- 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é :
Encore merci de m'avoir aidée et désolé de vous embêter encore...
Shiooooo
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
:- 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- **
-
Messages : 80
Inscrit(e) le : 17/12/2010 -
Re: Signature problème Javascript
par MasDan 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
Pour remplacer le clic par le survol de la souris; il s'agit simplement de remplacer «onClick» par «onMouseOver».
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">
Pour remplacer le clic par le survol de la souris; il s'agit simplement de remplacer «onClick» par «onMouseOver».
MasDan- Membre habitué
-
Messages : 1538
Inscrit(e) le : 24/05/2011 -
Re: Signature problème Javascript
par Shiooooo 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
Encore milles merci,
Shiooooo
Shiooooo- **
-
Messages : 80
Inscrit(e) le : 17/12/2010 -
Sujets similaires» Du JavaScript en signature ?
» Problème apparence forum & problème code Javascript
» Problème de Javascript
» probleme javascript
» Problème avec le SDK Javascript
» Problème apparence forum & problème code Javascript
» Problème de Javascript
» probleme javascript
» Problème avec le SDK Javascript
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum