IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Insérer du html dans du JavaScript


Sujet :

JavaScript

Vue hybride

theocbr Insérer du html dans du... 20/06/2019, 15h17
SpaceFrog Des caractères spécial ? ... 20/06/2019, 15h39
theocbr votre réponse ne fonctionne... 21/06/2019, 08h12
theocbr Caractère spéciaux dans une... 21/06/2019, 15h31
Watilin http://www.fileformat.info/inf... 23/06/2019, 01h07
theocbr Je suis pas sûr de tout... 24/06/2019, 08h05
Watilin On dirait que tes variables... 24/06/2019, 13h11
theocbr La console n'affiche rien.... 24/06/2019, 13h25
Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif Avatar de theocbr
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2019
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2019
    Messages : 206
    Par défaut Insérer du html dans du JavaScript
    Bonjour,

    j'aimerais mettre des caractères spéciaux (html) dans du javascript mais je ne sais pas comment m'y prendre :

    Code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
     
     
     
    <script>
     
    var icon = "<?php echo $LOGO ; ?>";
     
     
    </script>
     
    <script>
     
    if( LOGO == "attention")
    {
     
    	LOGO == ⚠
     
    }
     
     
     
     
     
    </script>

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Des caractères spécial ?

    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre très actif Avatar de theocbr
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2019
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2019
    Messages : 206
    Par défaut
    votre réponse ne fonctionne pas , oui les caractères spéciaux : https://alexandre.alapetite.fr/doc-a...x_special.html

  4. #4
    Membre très actif Avatar de theocbr
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2019
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2019
    Messages : 206
    Par défaut Caractère spéciaux dans une variable JS
    Bonjour, je souhaiterais faire afficher des caractères spéciaux ( qui sont des icons) , ils sont envoyés depuis un formulaire, avec des noms , ensuite avec les noms je crée des if qui dit " si variable = attention alors variable = caractere special" et ensuite je l'affiche sur la page web.

    Code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
     
     
    <script>
     
    var icon = <?php echo json_encode($LOGO) ; ?>;
     
     
    </script>
     
    <script>
     
    if( icon == attention)
    {
     
    	icon = "&#9888";
     
    }
     
     
     
     
     
    </script>
     
     
     
    <?php
    $tableau = unserialize(file_get_contents('recupmess2.txt'));
     
    if( !empty($tableau['Message']) ) // si le message n'est pas vide
    {
    ?>
     
     <span id="menu">        
    <span style="color: red;float: left;font-weight: bold;font-size: xx-large;" > <script>document.write(icon); </script>
     
     
    <?php echo $tableau['LOGO']; ?>
        <?php echo $tableau['Message'];} ?>
     
    </span>
    </span>

    Résultat :

    Nom : ahth.PNG
Affichages : 480
Taille : 84,3 Ko

  5. #5
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    http://www.fileformat.info/info/unic...26a0/index.htm
    Sinon, quand tu as une entité HTML avec un code décimal (ici 9888), tu dois d’abord extraire la partie nombre :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    const entite = "⚠"; // [Edit : j’ai supprimé l’étoile]
    const numPart = entite.match(/\d+/)[0];
    Tu peux alors la passer à String.fromCharCode() :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    const sign = String.fromCharCode(numPart);
    console.log(sign);
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  6. #6
    Membre très actif Avatar de theocbr
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2019
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2019
    Messages : 206
    Par défaut
    Je suis pas sûr de tout comprendre , j'ai commencé le javascript il y a 3-4 semaines , je débute donc .

    A quoi sert String.fromCharCode() ?
    Je n'utilise que des caractères décimaux.

    Il y a plusieurs icons à faire apparaitre donc cela nécessite des IF , et donc je met ça dans le if ? :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    const entite = "&#9888*;";
    const numPart = entite.match(/\d+/)[0];
    l'utilisateur choisis un nom qui correspond à un caractère décimale : Nom : rergsdgsgsesgsegseg.png
Affichages : 425
Taille : 10,6 Ko

    Si besoin voici comment le fichier text récup : Nom : rerd.PNG
Affichages : 435
Taille : 27,5 Ko


    Code renouvelé :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
     
     
    <script>
     
    var icon = <?php echo json_encode($LOGO) ; ?>;
     
    var icon2 = <?php echo json_encode($LOGO2) ; ?>;
     
     
    </script>
     
    <script>
     
    if( icon == attention || icon2 == attention) // LOGO ATTENTION
    {
     
    const resultaticon = "&#9888*;";
    const numPart = entite.match(/\d+/)[0];
    	const sign = String.fromCharCode(numPart);
    }
    if( icon == euro || icon2 == euro) // LOGO EURO
    {
     
    const resultaticon = "&#128*;";
    const numPart = entite.match(/\d+/)[0];
    	const sign = String.fromCharCode(numPart);
    }
    if( icon == heure || icon2 == heure) // LOGO HEURE
    {
     
    const resultaticon = "&#8986*;";
    const numPart = entite.match(/\d+/)[0];
    const sign = String.fromCharCode(numPart);
    }
     
    if( icon == temps || icon2 == temps) // LOGO TEMPS
    {
     
    const resultaticon = "&#8986*;";
    const numPart = entite.match(/\d+/)[0];
    	const sign = String.fromCharCode(numPart);
     
     
    }
     
    </script>
     
     
     
    <?php
    $tableau = unserialize(file_get_contents('recupmess2.txt'));
     
    if( !empty($tableau['Message']) ) // si le message n'est pas vide
    {
    ?>
     
     <span id="menu">        
    <span style="color: red;float: left;font-weight: bold;font-size: xx-large;" > <script>console.log(sign);</script>
     
     
    <?php echo $tableau['LOGO']; ?>
        <?php echo $tableau['Message'];} ?>
     
    </span>
    </span>
     
    <?php
    $tableau = unserialize(file_get_contents('recupmess2.txt'));
     
    if( !empty($tableau['Message2']) ) // si le message2 n'est pas vide
    {
    ?>
     <span id="menu2">        
    <span style="color: red;float: left;font-weight: bold;font-size: x-large;" > 
     
    <?php echo $tableau['LOGO2']; ?>
    <?php echo $tableau['Message2']; }?>
     
     
    </span>
    </span>
    En regardant le code généré ( CTRL+U) On peut voir "null" alros qu'il y a des données qui sont envoyés ! et ce n'est pas un problème au niveau du fichier text et non plus au niveau de la lecture du fichier text étant donné qu'on arrive a récupéré "attention"...

    Nom : voir.PNG
Affichages : 468
Taille : 51,7 Ko

  7. #7
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    On dirait que tes variables PHP $LOGO et $LOGO2 ne sont pas définies.
    PHP aurait dû t’afficher un avertissement de niveau notice. Si tu ne le vois pas, c’est que ton niveau d’error_reporting() n’est pas au maximum, et quand on est en phase de développement, c’est une bonne idée d’afficher tous les messages d’erreur. Ajoute cette ligne au début de ton code PHP :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    error_reporting(E_ALL);
    Dans mon message précédent, les appels console.log() te permettent d’examiner une expression JavaScript dans la console (c’est un peu comme alert() mais en plus pratique). Appuie sur F12 et assure-toi que tu es sur l’onglet « console ».

    Quant aux étoiles (par exemple dans "&#9888*;"), je les ai mises pour essayer de contourner un bug du forum qui empêche d’afficher les entités HTML correctement, mais ça ne s’est pas passé comme je voulais. Normalement il n’y a pas d’étoile

    J’imagine que je ne te suprendrai pas si je te dis que les if multiples ne sont pas la meilleure façon de faire. Mais on va garder ça pour plus tard ; je voudrais d’abord que tu me dises si tu as réussi à voir le signe « attention » dans la console à l’aide des indications que je t’ai données.

    Nom : console.png
Affichages : 401
Taille : 3,3 Ko
    En attendant, voici un peu de doc : String.fromCharCode().
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  8. #8
    Membre très actif Avatar de theocbr
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2019
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2019
    Messages : 206
    Par défaut
    La console n'affiche rien.
    Et je n'arrive toujours pas à afficher le signe "attention" .

    Pour mieu expliquer :

    j'ai ce code :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    <?php
    $tableau = unserialize(file_get_contents('recupmess2.txt'));
     
    if( !empty($tableau['Message']) ) // si le message n'est pas vide
    {
    ?>
     
     <span id="menu">        
    <span style="color: red;float: left;font-weight: bold;font-size: xx-large;" > 
     
     
    <?php echo $tableau['LOGO']; ?>
        <?php echo $tableau['Message'];} ?>
     
    </span>
    </span>
     
    <?php
    $tableau = unserialize(file_get_contents('recupmess2.txt'));
     
    if( !empty($tableau['Message2']) ) // si le message2 n'est pas vide
    {
    ?>
     <span id="menu2">        
    <span style="color: red;float: left;font-weight: bold;font-size: x-large;" > 
     
    <?php echo $tableau['LOGO2']; ?>
    <?php echo $tableau['Message2']; }?>
     
     
    </span>
    </span>
    Dans ce code , j'arrive à lire les données du fichier txt , il faudrait donc que j'arrive tout simplement a envoyer les données de : <?php echo $tableau['LOGO']; ?> et de <?php echo $tableau['LOGO2']; ?> dans des variables JS , comment faire ?

  9. #9
    Invité
    Invité(e)
    Par défaut
    Citation Envoyé par Watilin Voir le message
    ...Quant aux étoiles (par exemple dans "&#9888*;"), je les ai mises pour essayer de contourner un bug du forum qui empêche d’afficher les entités HTML correctement....
    Ce n'est pas vraiment un "bug du forum", mais le comportement normal.
    Et il n'y a pas de raison qu'il s'affiche "mal" dans les balises [CODE]...[/CODE]

    Pour l'affichage, il suffit d'utiliser les balises [c]...[/c] ou [noparse]...[/noparse] :

    • ... -> ⚠
    • [c]...[/c] ->
    • [noparse]...[/noparse] -> ⚠
    Dernière modification par Invité ; 24/06/2019 à 13h46.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Insérer une image dans du javascript
    Par sissi25 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 27/01/2009, 08h41
  2. insérer page html dans un état
    Par frtou dans le forum Modélisation
    Réponses: 1
    Dernier message: 13/01/2008, 06h26
  3. Incorporer du php ou html dans du javascript
    Par djfeeler dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 25/12/2007, 23h38
  4. [HTML] Insérer fichier HTML dans un autre fichier HTML
    Par Ange44 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 11
    Dernier message: 29/11/2007, 16h53
  5. Insérer du HTML dans un iFrame
    Par pedouille dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 10/05/2006, 08h21

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo