Soucis d'espaces dans un code javascript

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

Résolu Soucis d'espaces dans un code javascript

Message par Mohnn le Mar 28 Avr 2015 - 12:49

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://otsu.forumactif.com/forum

Description du problème

Bonjour,

Je viens vers vous aujourd'hui car j'ai quelques soucis avec un de mes codes javascript.

Avec l'aides de plusieurs tuto j'ai fait une colonne à droite de mon forum dans laquelle j'ai mit tout un tas d'informations. Jusque là tout va bien.

Dans ce code j'ai inclus des parties de textes. Et pour une raison inconnue j'ai déjà dû enlever les ' et les " car il ne les supporte pas (il fait disparaitre la colonne entière. Bien que ça soit pas super beau je les ai enlevé. Mais le truc c'est qu'il n'aime pas non plus les accents, les points, les points d'exclamation ou d'interrogation. Il masque systématiquement l'espace qui suit.

J'ai regardé à pas mal d'endroit et pas moyen de trouver une solution que je puisse appliqué.

Code:
$(function(){

   $("body").append('<table class="cssactif_infosdroite"><tr><td class="fpcontent"><div class="cssactif_infosdroite_titre">Météo</div>
<div class="cssactif_infosdroite_carre"><div class="cssactif_infosdroite_carre_soustitre">Du 01 au 31 Mai :</div>
Le soleil est de retour après un mois d avril capricieux.<br/>Attention toute fois, il n est pas exclu d avoir encore une ou deux gelées et quelques averses. <br/>Températures clémentes.</div><br/>
<div class="cssactif_infosdroite_titre">RP Libres</div>
        <div style="margin:auto; text-align:center; width:170px; margin:auto;"><select style="width: 170px; font-size: 12px;" onchange="location = this.value">
<option selected="selected"> </option>
          <option value="http://otsu.forumactif.com/t2184-une-petite-envie-de-rp#13042">Une petite envie de Rp ?</option>
          <option value="http://otsu.forumactif.com/f31-tu-veux-des-coupains">Tu veux des coupains ?</option>
        </select></div>
<br/><div class="cssactif_infosdroite_titre">RDV<br/></div>
<div class="cssactif_infosdroite_carre">Sur la Chat Box :<br/>Mercredi 29 Mai vers 17h<br/>Dimanche 3 Mai vers 19h<br/>
Convention :<br/>
<a href="http://otsu.forumactif.com/t2188-yaoi-yuri-con-2015#13061">Yaoi Yuri Con 2015</a><br/></div>
<br/><div class="cssactif_infosdroite_titre">Ragots<br/></div>
<div class="cssactif_infosdroite_carre"><marquee direction="up" style="margin: 5px ; text-align:justify ; height: 100px" scrollamount="2";>Anguille sous roche. <br/>C est un terme qu on utilise souvent , et il est de circonstance ! Ces derniers temps, plusieurs indices ont aiguisé notre curiosité. Quelque chose se trame à Otsu, et nous nous devions de vous en informer !<br/>Ces derniers temps, nous avons noté un afflux de nouveaux visages dans le village. Et nous nous demandons à quoi cela est dû ! Deux candidats à l explication de ce phénomène.<br/>Il semblerait qu il y ait de l eau dans le gaz entre le Maire et son amant pâtissier. Les nouveaux arrivants auraient-ils envie de succéder au pâtissier ?<br/>Les bruits de rues indiqueraient également que le gérant du sex shop aurait recueilli un vagabond. Nous vous rappelons qu il avait déjà prit un jeune errant sous sa coupe il y a de cela quelques mois. La boutique serait-elle une couverture pour une entreprise de perversion discrète ? Les nouveaux arrivants ont ils espoir de se faire recueillir ?<br/>Le temps nous le dira.</marquee><br/>
</div></td></tr><table>');
   $("#fp423 .fpbuttons > span").click(function(){
      $(this).add($(this).siblings()).toggle();
      $("#fp423").animate({"right":$(this).is(".fpclose")?-250:0},1000);
   });

});

Je viens donc vous voir pour savoir si quelqu'un aurait une solution.

Merci d'avance !


Dernière édition par Mohnn le Mer 29 Avr 2015 - 10:19, édité 1 fois

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

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

Résolu Re: Soucis d'espaces dans un code javascript

Message par demeter1 le Mar 28 Avr 2015 - 13:23

Bonjour,
Il faut remplacer les caractères accentués par leur valeur en octal.

Un article qui explique et regroupe la liste des caractères
http://outils-javascript.aliasdmc.fr/generateur-accents.php

demeter1
+ Hyperactif +

Masculin
Messages : 8225
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis d'espaces dans un code javascript

Message par Mohnn le Mar 28 Avr 2015 - 20:59

Tout d'abord merci pour cette réponse rapide !

Ensuite j'ai compris le coup des valeur en octal, j'ai d'ailleurs fait un test avec à mais ça ne fonctionne pas (ça aurait été trop facile).

Je suppose donc que pour que ça s'applique il faut que je créé dans mon css un .cssactif_content et que je met une <div class="cssactif_content> ?

Ils donnent un exemple
Code:
function getContenu(){
 var obj = document.getElementById('codecsstest1');
 if(obj){ alert(obj.innerHTML); }
}

Est ce que ce code suffit ? J'avoue qu'ils m'ont perdu c'est un peu compliqué pour moi à ce niveau...

Bref je nage... Merci d'avance !

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

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

Résolu Re: Soucis d'espaces dans un code javascript

Message par MasDan le Mer 29 Avr 2015 - 7:14

Bonjour,

J'ai testé votre code (du premier message) et réussi à la faire fonctionner avec les modifications suivantes.

remplacer ceci (ligne 18)
Code:
</div></td></tr><table>')
par
Code:
</div></td></tr></table>')
manque le «/» à votre balise de fermeture.


Pour l'apostrophe il faut le coder comme ceci «\'»

exemple :
Code:
d avoir
devient
Code:
d\'avoir
et s'affichera «d'avoir».

Explication : l'apostrophe est utilisé comme caractère que délimite votre texte. Donc tout apostrophe dans votre texte doit être préfixé du caractère «\» ce qui indique que le caractère suivant n'est pas le délimiteur pour la fin du texte. Même logique si l'on utilise le double apostrophe («"»).

Aucun problème avec les autres caractères (ex. accent). Probablement un effet causé par un apostrophe dans votre texte qui terminait prématurément votre texte.



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: Soucis d'espaces dans un code javascript

Message par Mohnn le Mer 29 Avr 2015 - 10:18

Salut,

Merci de votre aide.

J'avais pas vu que ma balise était mal fermé ! En plus ça marchait bien donc bon c'est louche.

Après pour les apostrophes votre solution marche super bien ! Merci.

J'ai testé la même solution pour les virgules et ça ne fonctionne pas. Idem pour les accents.

Mais j'ai trouvé la solution qui est d'inclure \u0020 après chaque mot qui commence ou fini par un accent.

Ex : \u0020à\u0020 = à
déjà\u0020 = déjà

Bref ce sujet est résolu merci à vous deux vous m'avez bien aidé !! ^^

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn 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