PB pour afficher un tableau en Javascript dans un article

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] PB pour afficher un tableau en Javascript dans un article

    Bonjour à tous,
    je n'arrive pas à faire afficher mon tableau comme je veux dans un article.
    Je suis sur joomla 3.X avec le template ja purity 3
    Je travaille en mode non wysiwyg

    voici mon script :
    Code:
    <SCRIPT Language="JavaScript">
    
    
    function perRound(num, precision) {...
    ici se trouve les fonction de calcul du tableau
    ça cela fonctionne
    }
    
    // --->
    
    </script>
    </head>
    <form name="gplen">
    <center>
    <TABLE ALIGN=MIDDLE BORDER=1 CELLPADDING=5>
    <TR BGCOLOR=#BB0000>
    <!--Ligne 1-->
    <td>
    <span style="color: #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: justify;">
    <center>Désignation</center>
    </span>
    </td>
    <td>
    <span style="color: #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: justify;">
    <center>Valeur</center>
    </span>
    </td>
    </tr>
    <TR BGCOLOR=#BB0000>
    <TD align="center" colspan="2" WIDTH=60%>
    <span style="color: #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: justify;">
    <center>Entrez votre fréquence</center>
    </span>
    </td>
    </tr>
    <tr>
    <td>
    <center>Fréquence désirée</center>
    </td>
    <td>
    [B]<input type="text" name="frequency" value="29.000" size="18" onFocus="clear_field(this)"> MHz[/B]
    </td>
    </tr>
    <tr>
    <td colspan="2" align="center">
    <center>
    <input type="button" value="Calculer" onClick="calclen(this.form)">
    &nbsp;&nbsp;&nbsp;
    <input type="Reset" value="Nettoyer">
    </center>
    </td>
    </tr>
    <TR BGCOLOR=#BB0000>
    <TD align="center" colspan="2">
    <span style="color: #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: justify;">
    <center>Résultats obtenus</center>
    </span>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    Hauteur du brin rayonnant
    </center>
    </td>
    <td>
    [B]<input type="text" name="gp" value="0" size="28" readonly> Meters[/B]
    </td>
    </tr>
    <tr>
    <td>
    <center>
    Hauteur du brin rayonnant
    </center>
    </td>
    <td>
    [B]<input type="text" name="gpf" value="0" size="28" readonly> Feet[/B]
    </td>
    </tr>
    <tr>
    <td>
    <center>
    Hauteur du brin rayonnant
    </center>
    </td>
    <td>
    [B]<input type="text" name="gpi" value="0" size="28" readonly> Inches[/B]
    </td>
    </tr>
    <tr>
    <td>
    <center>
    Longueur d'un radian
    </center>
    </td>
    <td>
    [B]<input type="text" name="radial" value="0" size="28" readonly> Meters[/B]
    </td>
    </tr>
    <tr>
    <td>
    <center>
    Longueur d'un radian
    </center>
    </td>
    <td>
    [B]<input type="text" name="radialf" value="0" size="28" readonly> Feet[/B]
    </td>
    </tr>
    <tr>
    <td>
    <center>
    Longueur d'un radian
    </center>
    </td>
    <td>
    [B]<input type="text" name="radiali" value="0" size="28" readonly> Inches[/B]
    </td>
    </tr>
    </table>
    </form>
    J'ai mis en gras les lignes qui pausaient problème.
    Le valeur en texte de fin de ligne ne s'affichent pas après le champs contenant le résultat mais juste en dessous.
    Par exemple pour cette ligne,
    <input type="text" name="radiali" value="0" size="28" readonly> Inches
    je voudrait que "Inches" s'affiche à la suite du champs défini juste avant. Rien a faire,"Inches" s'affiche en dessous de ce champs.

    Vous pouvez voir le résultat ici

    Si quelqu'un peut me dire ce qui ne va pas, je suis intéressé.
    Merci d'avance...
    Dernière édition par lomart à 07/04/2018, 18h48

  • #2
    Bonsoir,

    Merci d'éviter d'écrire en rouge. Utilisez la balise code pour le code est préférable
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Merci pour la rectification. Autant pour moi.

      Commentaire


      • #4
        Ce n'est pas un problème de java mais de css
        En ajoutant cette règle, tout rentre dans l'ordre
        Code:
        input[type="text"] {
        
            display: inline-block;
        
        }
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Ce n'est pas un problème de java mais de css
          Ça pourrait être éventuellement un problème de Javascript, mais en aucun cas un problème de Java.
          Lorsque l'on se cogne la tête contre un pot et que cela sonne creux, ça n'est pas forcément le pot qui est vide.
          Confucius

          Commentaire


          • #6
            Je pense que je suis une grosse quiche ? Je n'arrive pas à intégrer ce morceau de code que tu m'as aimablement transmis. Quelque soit l'endroit ou je le place, cela ne change rien ? Tu vas certainement me trouver un peu lourd mais tu l'intégrerai où dans mon script ce bout de code et comment ?

            Commentaire


            • #7
              Au passage je confirme , j'ai été un peu vite pour rédiger ma question. Je parlai bien de Java script et non de Java

              Commentaire


              • #8
                Je pensais que tu savais manipuler du code, c'est pour cela que je n'ai pas été plus précis. Il suffit de l'ajouter entre des balises style
                Code:
                 <style>
                input[type="text"] {
                  display: inline-block;  
                }
                </style>
                On peut aussi l'ajouter dans la feuille de style perso du template
                UP, le plugin universel à découvrir sur https//up.lomart.fr
                bgMax
                , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                Commentaire


                • #9
                  Ha ben oui, c'est bien ce que je dis, je suis une authentique quiche ! lol
                  J'avais juste oublié de remettre les balises <style>.
                  Je te jure, il y a des jours où on ne dispose pas de l'intégralité de ses neurones.
                  En tout cas merci de m'avoir remis sur le droit chemin et encore merci pour le coup de main.
                  Le problème est maintenant réglé.
                  Bon weekend à toi.

                  Commentaire

                  Annonce

                  Réduire
                  Aucune annonce pour le moment.

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X