Problème script JS

2 participants

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

Résolu Problème script JS

Message par Katsu Sam 25 Mai 2013 - 16:19

Bonjour,
Voilà j'ai quelques problèmes. J'ai posté ce code, sur un forum:
Code:
<div style="overflow: hidden;text-align: center; border-left: 7px solid #aaa; border-right: 7px solid #aaa; border-radius: 110px; width: 500px; height: 600px; background-image:linear-gradient(#055,#088)"><span style="font-size: 42px; font-family: 'Trebuchet MS', Times, serif; color: #aaa; text-shadow: 0px 2px 1px #000000; transition: all 1s;" onmouseover="this.style.fontStyle='italic'" onmouseout="this.style.fontStyle='normal'">C<span style="font-variant: small-caps;">otm</span></span>
<table style="margin: auto;"><tr>
<td style="width: 200px; height: 300px; background-image:linear-gradient(60deg, #0bb,#099); border-left: 3px ridge #aaa; border-right: 3px ridge #aaa; border-radius: 20px;">
<div style="width: 150px; height: 135px; background: #aaa; margin:auto; border: 2px dashed #555; text-align: left; margin-bottom:5px;overflow:auto;"><div  style="margin: 10px; font-family: Tahoma, Geneva, sans-serif; font-size:12px;"><span style="font-weight:bold;">Liste des participants:</span><br />
<div style="font-style: italic;">- Reira<br />
- Reiuji<br />
- Rodrakaset'<br />
- Exception<br />
- Elky<br />
- Monsieur Champignon<br />
- Ma b... Planète<br />
- Kikoulooo<br />
- Giselle</div></div></div>
<div style="width: 150px; height: 135px; background: #aaa; margin:auto; border: 2px dashed #555; text-align: left; overflow:auto"><div style="margin: 10px; font-family: Tahoma, Geneva, sans-serif; font-size:12px;">Rendus: <span style="font-style:italic;"><br />A vous de juger!</span><br /><div style="color: #555; text-decoration:none!important;text-align:center;">
<a href="Première création" class="postlink" style="text-decoration: none !important; color: #555; transition:all 0.5s;" onmouseover="this.style.fontStyle='italic'; this.style.color='#222222'" onmouseout="this.style.fontStyle='normal'; this.style.color='#555555'">Création n°1</a><br />
<a href="Deuxième création" class="postlink" style="text-decoration: none !important; color: #555; transition:all 0.5s;" onmouseover="this.style.fontStyle='italic'; this.style.color='#222222'" onmouseout="this.style.fontStyle='normal'; this.style.color='#555555'">Création n°2</a><br />
<a href="Troisième création" class="postlink" style="text-decoration: none !important; color: #555; transition:all 0.5s;" onmouseover="this.style.fontStyle='italic'; this.style.color='#222222'" onmouseout="this.style.fontStyle='normal'; this.style.color='#555555'">Création n°3</a><br />
<a href="Quatrième création" class="postlink" style="text-decoration: none !important; color: #555; transition:all 0.5s;" onmouseover="this.style.fontStyle='italic'; this.style.color='#222222'" onmouseout="this.style.fontStyle='normal'; this.style.color='#555555'">Création n°4</a></div></div></div>
</td>
<td style="width: 200px; height: 300px; background-image:linear-gradient(-60deg, #0bb,#099); border-left: 3px ridge #aaa; border-right: 3px ridge #aaa; border-radius: 20px; vertical-align:top;">
<div style="color: #aaa; text-shadow: 1px 1px 0px #555; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:24px; position: relative; top:4px; transition:all 1s;text-align: left; padding-left: 30px;" onmouseover="this.style.paddingLeft='60px';" onmouseout="this.style.paddingLeft='30px';">M<span style="font-variant: small-caps;">isaki says</span></div>
<div style="width: 130px; height: 230px; border-right: 5px dashed #555; border-left: 5px dashed #555; border-bottom: 5px dashed #555; border-top: 5px solid #555; background: #aaa; margin: auto; margin-top: -5px; overflow: auto; text-align:left; padding: 10px;"><div style="font-family:'Tahoma'; font-size: 12px; color: #444; transition:all 0.5s;" onmouseover="this.style.color='#000'" onmouseout="this.style.color='#444'">Sed (saepe enim redeo ad Scipionem, cuius omnis sermo erat de amicitia) querebatur, quod omnibus in rebus homines diligentiores essent; capras et oves quot quisque haberet, dicere posse, amicos quot haberet, non posse dicere et in illis quidem parandis adhibere curam, in amicis eligendis neglegentis esse nec habere quasi signa quaedam et notas, quibus eos qui ad amicitias essent idonei, iudicarent. Sunt igitur firmi et stabiles et constantes eligendi; cuius generis est magna penuria. Et iudicare difficile est sane nisi expertum; experiendum autem est in ipsa amicitia. Ita praecurrit amicitia iudicium tollitque experiendi potestatem.

Non ergo erunt homines deliciis diffluentes audiendi, si quando de amicitia, quam nec usu nec ratione habent cognitam, disputabunt. Nam quis est, pro deorum fidem atque hominum! qui velit, ut neque diligat quemquam nec ipse ab ullo diligatur, circumfluere omnibus copiis atque in omnium rerum abundantia vivere? Haec enim est tyrannorum vita nimirum, in qua nulla fides, nulla caritas, nulla stabilis benevolentiae potest esse fiducia, omnia semper suspecta atque sollicita, nullus locus amicitiae.

At nunc si ad aliquem bene nummatum tumentemque ideo honestus advena salutatum introieris, primitus tamquam exoptatus suscipieris et interrogatus multa coactusque mentiri, miraberis numquam antea visus summatem virum tenuem te sic enixius observantem, ut paeniteat ob haec bona tamquam praecipua non vidisse ante decennium Romam.</div></div>
</td></tr><tr>
<td colspan="2" style="width: 400px; height: 200px; background-image:linear-gradient(#0bb,#099); border-left: 3px ridge #aaa; border-right: 3px ridge #aaa; border-radius: 20px; vertical-align: top">
<div style="color: #aaa; text-shadow: 1px 1px 0px #555; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:24px; position: relative; top:4px;transition: all 1s; text-align:left; padding-left: 30px;" onmouseover="this.style.paddingLeft='130px';" onmouseout="this.style.paddingLeft='30px';">I<span style="font-variant: small-caps;">nfos</span></div>
<div style="width: 350px; height:120px; border-right: 5px dashed #555; border-left: 5px dashed #555; border-bottom: 5px dashed #555; border-top: 5px solid #555; background: #aaa; margin: auto; margin-top: -5px; overflow: auto; text-align:center; padding: 10px;"><div style="font-family:'Tahoma'; font-size: 12px; color: #444; transition:all 0.5s;" onmouseover="this.style.color='#000'" onmouseout="this.style.color='#444'">
<span style="font-weight: bold;">Type de création:</span> Fiche COTM<br />
<span style="font-weight: bold;">Format:</span> Taille d'une page de LG. il ne doit pas déformé le forum.<br />
<span style="font-weight: bold;">Départ:</span> 18/05/13<br />
<span style="font-weight: bold;">Date limite d'inscription:</span> 24/05/13<br />
<span style="font-weight: bold;">Fin:</span> 18/06/13
<span style="font-weight: bold;">Précisions:</span> Les couleurs et polices vous appartiennent.<br />
<span style="font-weight: bold;">Doit contenir:</span><br />
-Une place pour la liste des participants.<br />
-Une autre place pour leurs œuvres (que ce soit liens, entier, ect , c'est vous les codeurs pas moi.).<br />
-Une partie consacré à mes speech habituels ainsi qu'un titre. A vous d'ajouter d'autres choses si vous en voyez une utilité.<br />
Comme vous pouvez le voir , vous n'avez pas de schéma, votre imagination vous sera donc fortement utile. Onglets et compagnie, tous vous ai permis. Mais vous devez vous basez sur du HTML. Le CSS à inclure dans la fiche de CSS dans le Panneau d'administration n'est pas permis. </div></div>
</td></tr></table></div>

Mais problème les scripts ("onmouseover et onmouseout") ne fonctionnent pas alors que sur une page html ça marche parfaitement. Et lorsque je vérifie le code avec l'outil de développement de Chrome je vois que "onmouseover" est écrit "bizarrement", surtout les "o":
Code:
& #111;nm& #111;use& #111;ver
.
De même pour "onmouseout".
Quand je modifie avec l'outil de développement ça marche parfaitement.
Je sais pas si quelqu'un a déjà eu ce problème ou si un sujet a déjà été posté.
Merci à celui qui voudra bien m'aider. (J'espère tout du moins que vous m'avez compris xD)


Dernière édition par Katsu le Dim 26 Mai 2013 - 0:01, édité 1 fois
avatar

Katsu
**

Masculin
Messages : 51
Inscrit(e) le : 13/08/2011

http://multimanga.forumactif.fr/
Katsu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème script JS

Message par Scoubifitz Sam 25 Mai 2013 - 17:57

bonjour,

le javascript est désactivé dans les messages des forums par mesure de sécurité .

donc , pas de "onmouse..."
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3732
Inscrit(e) le : 18/03/2008

https://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème script JS

Message par Katsu Dim 26 Mai 2013 - 0:01

Ah ... Ah oui ... Ah bah merci alors xD
Sur ce bonne soirée Smile
avatar

Katsu
**

Masculin
Messages : 51
Inscrit(e) le : 13/08/2011

http://multimanga.forumactif.fr/
Katsu a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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