Javascript et page d'accueil

par Ansuz Sam 19 Mar - 17:15

Bonjour, j'espère que c'est ici que l'on poste pour les problèmes liés aux codes...

Voilà j'ai un petit problème, j'ai fait une page d'accueil à l'aide de JS, cette dernière marchait parfaitement en interne (c'est-à-dire lorsque je la faisait exécuter à l'aide de notepad++) mais lorsque j'ai tenté de l'incorporer à mon forum (et que de ce fait j'ai hébergé le JS sur un site spécialisé), il ne le prend pas en compte.

En effet il m'affiche l'HTML et le CSS mais le JS ne fonctionne pas...j'ai eu beau chercher à droite à gauche, ici et ailleurs je ne comprends pas où se situe le problème.
Donc si vous pouviez me consacrer un peu de votre temps j'aimerais un peu d'aide car là je bloques totalement.

EDIT: Suite à quelques tests, on a remarqué que le code javascript était mal recopié lorsqu'il était appelé, mais on ne comprends pas pourquoi.

Le code de ma PA:

Code:: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script src="http://www.patmax.eu/J1/110319160526.js"></script> <script src="http://www.patmax.eu/J1/110319160834.js"></script> <script type="text/javascript" > var aff_menu = null; jQuery(document).ready(function() { $('.accordion .left div').click(function() { var name = $(this).attr("class"); //alert(".cont_"+name); if(aff_menu != null) {$(aff_menu).slideUp("slow");} $(".cont_"+name).slideDown("slow"); aff_menu = $(".cont_"+name); }); }); </script> </head> <body> <div id="PA"> <div class="accordion"> <div class="left"> <center> <div class="anim0">Annonces</div> <div class="anim1">Tu viens d'arriver ?</div> <div class="anim2">Background</div> <div class="anim3">Staff</div> <div class="anim4">Partenaires</div> <div class="anim5">Top-Sites</div> </center> </div> <div class="content"> <div class="cont_anim0"><a href="http://sweraofdarkness.forumactif.com/f10-criminel">Criminels</a>, <a href="http://sweraofdarkness.forumactif.com/f8-rebelles">Rebelles</a>: création de groupes possibles, mais n'oubliez pas qu'il est parfois préférable d'aider à faire monter un groupe que de fonder le sien, afin de gagner des récompenses, et finalement être reconnus au même titre que les Hutts, ou le Soleil noir.</td> </div> <div class="cont_anim1"><center><p><a href="http://sweraofdarkness.forumactif.com/t8-chartes-des-lois-galactique">Chartes des lois Galactique</a><p><br/> <p><a href="http://sweraofdarkness.forumactif.com/t25-le-code-de-la-force">Le Code de la Force</a></p><br/> <p><a href="http://sweraofdarkness.forumactif.com/f3-fichier-galactique">Fichier Galactique</a></p><br/></center></div> <div class="cont_anim2"> <blockquote><center> <i><p>La guerre entre l'ancienne République et la Confédération des Systèmes Indépendants est finie depuis 5 ans sur la victoire de l'ancienne République. Cette dernière dirigée par Palpatine prit ensuite le nom d'Empire Galactique tandis qu'au même moment, la purge Jedi commençait. </p> <p>Tantis que tout allait pour le mieux pour Palpatine, dans l'ombre une plus grande menace avançait, lentement mais surement.<br/> L'Empereur avait certes réussi son coup d'état mais laisser les sith de côté pour garder le pouvoir pour lui seul fut une erreur fatale. Un des quelques rares Seigneurs noirs des sith encore vivant réuni de nombreux adeptes du côté obscur et malgré la puissance du nouvel Empire Galactique, Palpatine fut défait et la galaxie tomba dans les mains des sith, les Jedis n'existant plus, ou du moins officiellement. </p> <p>De nos jours, L'Empire Sith domine tout, faisant régner la terreur sur toute les planètes. Seul restent encore "libre" les quelques groupes criminels contraint de plus en plus de se soummetre et des rebelles qui, pour ces derniers étant mal organisé et équiper, ne peuvent rivaliser avec la toute puissance des sith. Les derniers jedi encore en vie quand a eux, préfèrent se terrer dans leurs cachettes afin d'échapper aux adeptes du côté obscur de la force sachant qu'ils ne pourront les affronter avant longtemps... </p> <p>Maintenant, c'est a vous de jouer. Saurez vous relever le défis et affronter les terribles sith, ou alors choisirez vous de faire régner la peur et la terreur aux coter de ces derniers ?</i></p> </center></blockquote> </div> <div class="cont_anim3"><center><p><a href="http://sweraofdarkness.forumactif.com/u18"><img src="http://i79.servimg.com/u/f79/16/19/73/42/avapa10.png" border=no></a> <a href="http://sweraofdarkness.forumactif.com/u2"><img src="http://i78.servimg.com/u/f78/16/08/47/76/avapaa10.png" border=no></a></p> <p>Dark Ignis --------- Aya Nern></p></center> </div> <div class="cont_anim4"><center> N'HÉSITEZ PAS !!!</center></div> <div class="cont_anim5"><center> <p><a href="http://www.root-top.com/topsite/horsevalleys/in.php?ID=913"><img src="http://i78.servimg.com/u/f78/16/08/47/76/top_si10.png" border=no></a><p><br/><br/> <p><a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7166"> <img src="http://i78.servimg.com/u/f78/16/08/47/76/top_si11.png" border=no></a><p><br/><br/> <p><a href="http://www.root-top.com/topsite/anakin/in.php?ID=297"><img src="http://i78.servimg.com/u/f78/16/08/47/76/top_si12.png" border=no></a><p><br/> </center></div> </div> <div class="fin_ligne"></div> </div> </div> </body> </html>

Mon forum:http://sweraofdarkness.forumactif.com/

Merci d'avance pour toute l'aide que vous pourrez m'apporter

par quierra Dim 20 Mar - 7:00

Coucou, et bien j'ai commencé par corriger les erreurs. Tu avais un "td" qui trainait en plein code sans aucune raison étant donné qu'il n'y a que des divs Shocked

Tu t'es planté à l'ordre de fermeture de balises, le "i" (italic) se referment avant "p", il manquait deux ou trois fermeture de "i", le tout faisant bien trop d'erreurs pour que ça fonctionne correctement.

Les balises images n'étaient pas fermées, mais ça ne provoque pas de bug en général.

Bref, je te l'ai corrigé :

Code:: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="http://www.patmax.eu/J1/110319160526.js"></script> <script type="text/javascript" src="http://www.patmax.eu/J1/110319160834.js"></script> <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/java_pour_aide/accordeon_menu.js"></script> </head> <body> <div id="PA"> <div class="accordion"> <div class="left"> <center> <div class="anim0">Annonces</div> <div class="anim1">Tu viens d'arriver ?</div> <div class="anim2">Background</div> <div class="anim3">Staff</div> <div class="anim4">Partenaires</div> <div class="anim5">Top-Sites</div> </center> </div> <div class="content"> <div class="cont_anim0"><a href="http://sweraofdarkness.forumactif.com/f10-criminel">Criminels</a>, <a href="http://sweraofdarkness.forumactif.com/f8-rebelles">Rebelles</a>: création de groupes possibles, mais n'oubliez pas qu'il est parfois préférable d'aider à faire monter un groupe que de fonder le sien, afin de gagner des récompenses, et finalement être reconnus au même titre que les Hutts, ou le Soleil noir. </div> <div class="cont_anim1"><center><p><a href="http://sweraofdarkness.forumactif.com/t8-chartes-des-lois-galactique">Chartes des lois Galactique</a><p><br/> <p><a href="http://sweraofdarkness.forumactif.com/t25-le-code-de-la-force">Le Code de la Force</a></p><br/> <p><a href="http://sweraofdarkness.forumactif.com/f3-fichier-galactique">Fichier Galactique</a></p><br/></center> </div> <div class="cont_anim2"> <blockquote><center> <p><i>La guerre entre l'ancienne République et la Confédération des Systèmes Indépendants est finie depuis 5 ans sur la victoire de l'ancienne République. Cette dernière dirigée par Palpatine prit ensuite le nom d'Empire Galactique tandis qu'au même moment, la purge Jedi commençait. </i></p> <p>Tantis que tout allait pour le mieux pour Palpatine, dans l'ombre une plus grande menace avançait, lentement mais surement.<br/> L'Empereur avait certes réussi son coup d'état mais laisser les sith de côté pour garder le pouvoir pour lui seul fut une erreur fatale. Un des quelques rares Seigneurs noirs des sith encore vivant réuni de nombreux adeptes du côté obscur et malgré la puissance du nouvel Empire Galactique, Palpatine fut défait et la galaxie tomba dans les mains des sith, les Jedis n'existant plus, ou du moins officiellement. </p> <p>De nos jours, L'Empire Sith domine tout, faisant régner la terreur sur toute les planètes. Seul restent encore "libre" les quelques groupes criminels contraint de plus en plus de se soummetre et des rebelles qui, pour ces derniers étant mal organisé et équiper, ne peuvent rivaliser avec la toute puissance des sith. Les derniers jedi encore en vie quand a eux, préfèrent se terrer dans leurs cachettes afin d'échapper aux adeptes du côté obscur de la force sachant qu'ils ne pourront les affronter avant longtemps... </p> <p><i>Maintenant, c'est a vous de jouer. Saurez vous relever le défis et affronter les terribles sith, ou alors choisirez vous de faire régner la peur et la terreur aux coter de ces derniers ?</i></p> </center> </blockquote> </div> <div class="cont_anim3"><center><p><a href="http://sweraofdarkness.forumactif.com/u18"><img src="http://i79.servimg.com/u/f79/16/19/73/42/avapa10.png" border=no /></a> <a href="http://sweraofdarkness.forumactif.com/u2"><img src="http://i78.servimg.com/u/f78/16/08/47/76/avapaa10.png" border=no /></a></p> <p>Dark Ignis --------- Aya Nern></p></center> </div> <div class="cont_anim4"><center> N'HÉSITEZ PAS !!!</center> </div> <div class="cont_anim5"><center> <p><a href="http://www.root-top.com/topsite/horsevalleys/in.php?ID=913"><img src="http://i78.servimg.com/u/f78/16/08/47/76/top_si10.png" border=no /></a><p><br/><br/> <p><a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7166"> <img src="http://i78.servimg.com/u/f78/16/08/47/76/top_si11.png" border=no /></a><p><br/><br/> <p><a href="http://www.root-top.com/topsite/anakin/in.php?ID=297"><img src="http://i78.servimg.com/u/f78/16/08/47/76/top_si12.png" border=no /></a><p><br/> </center> </div> </div> <div class="fin_ligne"></div> </div> </div> </body> </html>

J'ai aussi hébergé le script sur mon compte Archive Host

Tout semble fonctionner, mais comme je n'ai pas le css... D'ab tout est ouvert, sans doute le css manquant, mais en cliquant sur les titres, j'ai bien les accordéons qui s'ouvrent et se referment.

Sinon, il se peut aussi que le html ne soit pas activé sur ton forum, à vérifier dans :

Général --> Configuration , à "autoriser le HTML cocher "oui"

Dans ton profil, idem...

Mais comme tu ne dis pas de quelle façon tu l'as mis sur ton forum, on peut supposer pas mal de choses... Le code est ou ? Sur une page html ? Dans un template ? Le html dans un template ou sur l'accueil et le css dans le css ? Bref, si ça ne marche pas, il faudra donner plus de précision.

Méfie toi de garder des class ou id qui sont déjà utilisés sur forumactif, comme "content", perso, je l'aurai renommé.

bon mon ptit film et au dodo...

par Ansuz Dim 20 Mar - 16:33

Tout d'abord merci d'avoir pris le temps de me répondre ^^, et surtout d'avoir corrigé mes nombreuses fautes ^^'

J'ai testé ton code et il marche aussi sur mon forum, maintenant j'ai un autre soucis...Il se place correctement sur le forum sans mon CSS et dès que j'insère celui-ci (qui se trouve dans la feuille de style prévu à cet effet) je l'ai en plein milieu.

Sans CSS

Spoiler:

Avec CSS

Spoiler:

(ne fait pas attention aux couleurs Wink

c'est en attente d'image)

Je ne comprends pas trop où il peut y avoir un soucis...

Ensuite je mets mon HTML dans le message sur la page d'accueil, vu que j'ai toujours utilisé cet option pour mes PA.

Voilà le CSS que j'avais oublié de mettre ^^', désolé.

Code:: #PA{ border:2px dashed black; padding:5px; width:700px; height:350px; position:absolute; left:50%; top:50%; margin-left:-175px; margin-top:-100px; background-color: yellow; } .accordion {width: 100%;} .left, .content { float: left; } .left, .left div, .content, .content div {padding:5px;} .left { width:200px; font-weight:bold; color: darkred; } .left div { cursor:pointer; background-color: Black; height:20px; margin-top: 10px; } .left div:hover {background-color: #00CCFF;} .content { width:420px; color: black; height: 100%; margin-top: 10px; margin-left: 25px; } .content div { display: none; height: 310px; background-color: blue; } .fin_ligne {clear: both;}

Enfin le HTML est activé partout.

En espérant avoir donné toutes les informations cette fois-ci Wink

.

Merci encore pour le temps que tu me consacres.

par quierra Dim 20 Mar - 18:53

Coucou, je viens de tester le tout ici : http://theme-alien.forumactif.org/forum

Ça marche... Mais tu avais mis une position "absolute" à #PA + les positions, marges etc... Qui conviennent à une page html ou ne se trouve que ce code, mais surement pas pour l'accueil.

J'ai mis à la place :

#PA{
border:2px dashed black;
padding:5px;
width:700px;
height:350px;
position:relative;
background-color: yellow;
margin-left: auto;
margin-right: auto;
}

Donc une position relative, et seulement des marges "auto" à gauche et droite pour le centrer.

Sur l'accueil :

Code:: <div id="PA"> <div class="accordion"> <div class="left"> <center> <div class="anim0">Annonces</div> <div class="anim1">Tu viens d'arriver ?</div> <div class="anim2">Background</div> <div class="anim3">Staff</div> <div class="anim4">Partenaires</div> <div class="anim5">Top-Sites</div> </center> </div> <div class="content"> <div class="cont_anim0"><a href="http://sweraofdarkness.forumactif.com/f10-criminel">Criminels</a>, <a href="http://sweraofdarkness.forumactif.com/f8-rebelles">Rebelles</a>: création de groupes possibles, mais n'oubliez pas qu'il est parfois préférable d'aider à faire monter un groupe que de fonder le sien, afin de gagner des récompenses, et finalement être reconnus au même titre que les Hutts, ou le Soleil noir. </div> <div class="cont_anim1"><center><p><a href="http://sweraofdarkness.forumactif.com/t8-chartes-des-lois-galactique">Chartes des lois Galactique</a><p><br/> <p><a href="http://sweraofdarkness.forumactif.com/t25-le-code-de-la-force">Le Code de la Force</a></p><br/> <p><a href="http://sweraofdarkness.forumactif.com/f3-fichier-galactique">Fichier Galactique</a></p><br/></center> </div> <div class="cont_anim2"> <blockquote style="height: 280px; overflow-y: auto;"><center> <p><i>La guerre entre l'ancienne République et la Confédération des Systèmes Indépendants est finie depuis 5 ans sur la victoire de l'ancienne République. Cette dernière dirigée par Palpatine prit ensuite le nom d'Empire Galactique tandis qu'au même moment, la purge Jedi commençait. </i></p> <p>Tantis que tout allait pour le mieux pour Palpatine, dans l'ombre une plus grande menace avançait, lentement mais surement.<br/> L'Empereur avait certes réussi son coup d'état mais laisser les sith de côté pour garder le pouvoir pour lui seul fut une erreur fatale. Un des quelques rares Seigneurs noirs des sith encore vivant réuni de nombreux adeptes du côté obscur et malgré la puissance du nouvel Empire Galactique, Palpatine fut défait et la galaxie tomba dans les mains des sith, les Jedis n'existant plus, ou du moins officiellement. </p> <p>De nos jours, L'Empire Sith domine tout, faisant régner la terreur sur toute les planètes. Seul restent encore "libre" les quelques groupes criminels contraint de plus en plus de se soummetre et des rebelles qui, pour ces derniers étant mal organisé et équiper, ne peuvent rivaliser avec la toute puissance des sith. Les derniers jedi encore en vie quand a eux, préfèrent se terrer dans leurs cachettes afin d'échapper aux adeptes du côté obscur de la force sachant qu'ils ne pourront les affronter avant longtemps... </p> <p><i>Maintenant, c'est a vous de jouer. Saurez vous relever le défis et affronter les terribles sith, ou alors choisirez vous de faire régner la peur et la terreur aux coter de ces derniers ?</i></p> </center> </blockquote> </div> <div class="cont_anim3"><center><p><a href="http://sweraofdarkness.forumactif.com/u18"><img src="http://i79.servimg.com/u/f79/16/19/73/42/avapa10.png" border=no /></a> <a href="http://sweraofdarkness.forumactif.com/u2"><img src="http://i78.servimg.com/u/f78/16/08/47/76/avapaa10.png" border=no /></a></p> <p>Dark Ignis --------- Aya Nern></p></center> </div> <div class="cont_anim4"><center> N'HÉSITEZ PAS !!!</center> </div> <div class="cont_anim5"><center> <p><a href="http://www.root-top.com/topsite/horsevalleys/in.php?ID=913"><img src="http://i78.servimg.com/u/f78/16/08/47/76/top_si10.png" border=no /></a><p><br/><br/> <p><a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7166"> <img src="http://i78.servimg.com/u/f78/16/08/47/76/top_si11.png" border=no /></a><p><br/><br/> <p><a href="http://www.root-top.com/topsite/anakin/in.php?ID=297"><img src="http://i78.servimg.com/u/f78/16/08/47/76/top_si12.png" border=no /></a><p><br/> </center> </div> </div> <div class="fin_ligne"></div> </div> </div> <script type="text/javascript" src="http://www.patmax.eu/J1/110319160526.js"></script> <script type="text/javascript" src="http://www.patmax.eu/J1/110319160834.js"></script> <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/java_pour_aide/accordeon_menu.js"></script>

J'ai mis une hauteur à "blockquote" et un overflow-y "auto" pour éviter ce débordement de texte.

Code:: <blockquote style="height: 280px; overflow-y: auto;">

Et dans le css :

#PA{
border:2px dashed black;
padding:5px;
width:700px;
height:350px;
position:relative;
background-color: yellow;
margin-left: auto;
margin-right: auto;
}

.accordion {width: 100%;}
.left, .content
{
float: left;
}
.left, .left div, .content, .content div {padding:5px;}

.left
{
width:200px;
font-weight:bold;
color: darkred;
}

.left div
{
cursor:pointer;
background-color: Black;
height:20px;
margin-top: 10px;
}
.left div:hover {background-color: #00CCFF;}

.content
{
width:420px;
color: black;
height: 100%;
margin-top: 10px;
margin-left: 25px;
}

.content div
{
display: none;
height: 310px;
background-color: blue;
}

.fin_ligne {clear: both;}

Bonne journée.

par Ansuz Dim 20 Mar - 19:12

Cela marche aussi de mon côté, et je retiens ce que tu m'as dit pour éviter de refaire les mêmes bêtises. Wink

Merci d'avoir résolu mon problème.

Une petite question cependant qui est facultative, quand on clique trop vite sur les onglets le contenu s’additionne il y aurait-il un moyen d'empêcher cela ?

Spoiler:

PS: Petite question personnelle tu fais du codage depuis combien de temps ?

par quierra Dim 20 Mar - 19:35

Et bien tu ne peux rien y faire ! y a trop de facteurs que entre en compte, le navigateur, ta vitesse de connexion, ton ordi !

Ça arrive quand le navigateur n'a pas eu le temps de lire toutes les infos... Mais de toute façons, personne ne va s'amuser à cliquer aussi vite.

Faire du codage est un bien grand mot !
Je m'y intéresse et fait encore une tonne d'erreurs !
Ça doit faire un peu plus de deux ans, on progresse doucement mais surement !