Dev Faq
-1
votes

Comment créer une table à l'aide de jQuery

Je veux faire un message d'erreur lorsqu'une erreur se produit,

html:

Je veux que ce tableau soit inséré dans la div: xxx

J'ai essayé ceci: xxx

je ne peux pas Trouvez la bonne façon de le faire peut-être que quelqu'un, s'il vous plaît, aidez-vous? Apprécié:)

3 commentaires

Je suggérerais de créer des éléments à l'aide de document.createelement () (recherchez MDN pour en savoir plus à ce sujet) au lieu d'écrire tout élément HTML en tant que chaîne, car comme chaîne, il semble vraiment affreux de lire

"Non autorué SyntaxError: manquant) après la liste des arguments", !!! Que div!?!

Si vous allez utiliser des guillemets doubles dans le balisage - je vous suggère d'utiliser des guillemets simples dans la chaîne d'emballage par exemple. $ ("# erreur"). Ajoutez (' MESSAGE ');

3 Réponses :

0
votes

Vous utilisez "deux fois. Essayez d'utiliser" pour le marquage HTML externe et "uniquement pour les attributs tels que ID et style. 

$("#errorMessage").append('<table id="error" style="width:900px;border-top: 1px Solid #B7B7B7;border-right: 1px Solid #B7B7B7;
border-left: 1px Solid #B7B7B7;border-collapse: collapse;background-color:#E7E7E7;height:auto;"></table>');

0 commentaires
0
votes 
$("#errorMessage").append(`<table id="error" style="width:900px;border-top: 1px Solid #B7B7B7;border-right: 1px Solid #B7B7B7; border-left: 1px Solid #B7B7B7;border-collapse: collapse;background-color:#E7E7E7;height:auto;"></table>`);
$("#error").append(`<tr><td style="color:#CC0000;">Message</td></tr>`);
Have a look at your closing and opening quotes, the quote immediately exits the string when you populate an html attribute because you used a double quote (
    "
).You could use a single quote as your opening quote or as I have in the code above a backtick. JS Fiddle
0 commentaires
0
votes 
<style type="text/css">
    #error{
        width:900px;
        border-top: 1px Solid #B7B7B7;
        border-right: 1px Solid #B7B7B7;
        border-left: 1px Solid #B7B7B7;
        border-collapse: collapse;
        background-color:#E7E7E7;
        height:auto;
    }
    .tdinsideError
    {
        color:#CC0000;
    }
</style>
<div id="errorMessage"></div>
<script type="text/javascript">
    var errorContent = '<table id="error"><tr><td class="tdinsideError">'+customMessage+'</td></tr></table>'; // if  custom message.
    var errorContent = '<table id="error"><tr><td class="tdinsideError">Een of meerdere verplichte velden ontbreken.</td></tr></table>'; // if no custom message.
    $(document).find("#errorMessage").html(errorContent);//method 1
    $(document).find("#errorMessage").html($("<table>").addClass("error").attr("id",'error'));//method 1
    $("<span>").addClass("fa fa-plus")
</script>
<!--
    <table id="error">
        <tr>
            <td class="tdinsideError">Een of meerdere verplichte velden ontbreken.</td>
        </tr>
    </table>
-->
1 commentaires

Merci de m'aider, c'est très utile. J'ai tout devenu fixé et travaille! :)

Articles qui pourrait vous intéresser :

Select2 ne s'affiche pas correctement dans le mode bootstrap
datetimepicker ne fonctionne pas avec bootstrap 4?
L'appel Ajax n'affiche pas de réponse en cas de succès
django admin - Comment ajouter du javascript à la fin d'un fichier