CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 29 19:03:20

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

obj.innerHTML

Poser une question dans le forum ou lancer une discussion

obj.innerHTML

mercredi 23 février 2005 à 10:02:27 | obj.innerHTML

fgingat

4 msg

Bonjour à tous ..
Voila mon premier poste concerne un soucis de comprehension de la methode de fonctionnement de obj.innerHTML

A savoir sur une page j'ai ce code

<html>
<head>
<script language="JavaScript">
function afficher1(){
obj = document.getElementById("btn")
obj.innerHTML = "qsfqsdf";
obj = document.getElementById("btn1")
obj.innerHTML = "test";
}
function afficher2(){
obj = document.getElementById("btn")
obj.innerHTML = "<vous avez clique sur le deuxieme bouton";
obj = document.getElementById("btn1")
obj.innerHTML = "test2";
}
function afficher3(){
obj = document.getElementById("btn")
obj.innerHTML = "devinez quoi ?? le 3ieme bouton non ? ^^";
obj = document.getElementById("btn1")
obj.innerHTML = "test3";
}
</script>
</head>
<body>

<table width="100%" height="500" border="0" cellspacing="0">
    <tr>
      <td width="100" height="60" bgcolor="#FFCF9C"> </td>
      <td height="60" align="center" valign="bottom" bgcolor="#FFCF9C"><h2><strong>Site de test des fonctions id et span en javascript V1</strong></h2></td>
      <td width="100" height="60" bgcolor="#FFCF9C"> </td>
    </tr>
    <tr>
      <td width="100" height="380" valign="top" bgcolor="#FFCC99"><table width="100" height="100" border="0" cellspacing="0">
        <tr>
          <td> </td>
          <td align="center" valign="bottom"> </td>
          <td> </td>
        </tr>
        <tr>
          <td> </td>
          <td align="center" valign="bottom"><a href="#" onmouseover="javascript:afficher1()">Menu</a></td>
          <td> </td>
        </tr>
        <tr>
          <td> </td>
          <td align="center" valign="bottom"><a href="#" onmouseover="javascript:afficher2()">Menu2</a></td>
          <td> </td>
        </tr>
        <tr>
          <td> </td>
          <td align="center" valign="bottom"><a href="#" onmouseover="javascript:afficher3()">Menu3</a></td>
          <td> </td>
        </tr>
        <tr>
          <td> </td>
          <td align="center" valign="bottom"> </td>
          <td> </td>
        </tr>
        <tr>
          <td> </td>
          <td align="center" valign="bottom"> </td>
          <td> </td>
        </tr>
      </table></td>
      <td height="380" align="left" valign="top" bgcolor="#FFCF9C">
   <table width="100%" height="100%" border="0" cellspacing="0">
        <tr>
          <td width="20" height="40"> </td>
          <td height="40"><span id="btn1"></span></td>
          <td width="20" height="40"> </td>
        </tr>
        <tr>
          <td width="20" height="300"> </td>
          <td height="300" align="left" valign="top">            <span id="btn"></span></td>
          <td width="20" height="300"> </td>
        </tr>
        <tr>
          <td width="20" height="40"> </td>
          <td height="40"> </td>
          <td width="20" height="40"> </td>
        </tr>
      </table>
   </td>
      <td width="100" height="380" bgcolor="#FFCF9C"> </td>
    </tr>
    <tr>
      <td width="100" height="60" bgcolor="#FFCF9C"> </td>
      <td height="60" bgcolor="#FFCF9C"> </td>
      <td width="100" height="60" bgcolor="#FFCF9C"> </td>
    </tr>
</table>
</body></html>

Qui as defaut d'etre propre fontionne mais je souhaiterais rajouter du code dans le obj.innerhtml et non pas seulement du texte hors a chaque fois que je rajoute autre chose que du texte j'ai une erreur dans ie et firefox ..

quelqu'un aurias il l'amabilite de me donner un lien expliquant precisement le fonctionnement de obj.innertml ou juste m'indiquer si ce que je souhaite est faisable ou pas ?

Merci d'avance

mercredi 23 février 2005 à 11:03:54 | Re : obj.innerHTML

bultez

11958 msg

13348 msg CS

Bonjour,

avec innerHTML on ajoute effectivement du texte,
de l'HTML, ....
pour "ajouter du javascript"
objet.setAttribute("évènement",function(){fonction(paramètres);});
par exemple, mais je ne sais pas si c'est ce qui est voulu !!

Cordialement. Bul. ~Site~~Mail~

mercredi 23 février 2005 à 11:16:40 | Re : obj.innerHTML

fgingat

4 msg

Merci bien Bultez pour cette réponse ..

en fait je souhaite par exemple pouvoir inserer du code php comme si c'etait dans une page html ..

Pour le code js en effet j'ai decouvert que je peux en rajouter sans soucis mais j'ai beau essayer d'ajouter du html simple type texte en gras et couleur bleue j'ai toujours cette erreur . Peut etre faut il utiliser un formattage different ?

mercredi 23 février 2005 à 11:27:20 | Re : obj.innerHTML

bultez

11958 msg

13348 msg CS

Bonjour,

>>obj.innerHTML = "<font color=red"><b>test</b></font>";
ça devrait aller, enfin dans un span,un div ...

>>pouvoir inserer du code php comme si c'etait dans une page html
c'est le contraire : php génére du html

Cordialement. Bul. ~Site~~Mail~

mercredi 23 février 2005 à 11:32:55 | Re : obj.innerHTML

fgingat

4 msg

Merci je termine la config de mon serveur et je teste ca ..

jeudi 24 février 2005 à 10:34:29 | Re : obj.innerHTML

fgingat

4 msg

Bon ok je comprends un peu mieux mais est il possible dans ce code

function afficher(){
obj = document.getElementById("btn")
obj.innerHTML = "test";
obj = document.getElementById("btn1")
obj.innerHTML = "test";
}

de faire en sorte que le 1er obj.innerHTML puisse contenir une variable php ??
j'ai bien essaye de faire ca

function afficher(){
obj = document.getElementById("btn")
obj.innerHTML = "<? echo $row['nom']; ?>";
obj = document.getElementById("btn1")
obj.innerHTML = "test";
}

Mais ca ne fontionne pas (alors que cette variable existe bien et je la sors dans la meme page dans un tableau php .....

Bref n'y connaissans pas grad chose au js ma question peut vous paraitre stupide mais je n'avance pas la :p

jeudi 24 février 2005 à 13:21:54 | Re : obj.innerHTML

bultez

11958 msg

13348 msg CS

javascript et php, sont 2 langages différents,
    ils ne tournent pas sur la même machine,
    et pas en même temps.
    javascript se déroule sur la machine client,
    php sur le serveur.

    php "génère" du html, javascript ... et
l'envoie vers le client.
    l'utilisateur voit une page html, clique
(par exemple) sur un bouton et l'action
associée [ javascript ou html ] peut appeller
du code php, peut-être celui qui l'a généré .

Transmettre des Paramètres du
PHP au Javascript
ce n'est pas tout à fait "transmettre des
paramètres" puisque c'est php qui crée le
javascript
———————————————————————————————————————————————————————— Du PHP dans le Javascript
Exemple : afficher la date du serveur

<script type="Text/Javascript">
document.write('date serveur ' + '<?php echo date("d/m/Y"); ?>;');
</script>

—————————————————————————————————————————————————————— Du Javascript dans le PHPle même exemple :

<?php
echo "<script type='Text/Javascript'>\r";
echo "document.write('date serveur " . date("d/m/Y") . "');\r";
echo "</script>\r";

déjà souvent expliqué ...
Cordialement. Bul. ~Site~~Mail~

Cette discussion est classée dans : document, obj, getelementbyid, nbsp, innerhtml

Répondre à ce message

Sujets en rapport avec ce message

pb de getElementById [ par kidpigeyre ] for(var i=0;i { document.getElementById("tete")[i].innerHTML=document.getElementById("tete")[i].innerHTML.substr(0,3); }voila ça ça ne ma URGENT !! validation formulaire avec php [ par romainst ] Bonjour j'ai un énorme problème que je dois résoudre rapidement c'est pour ça que j'en appelle à votre aide,J'ai créé récemment ce formulaire de vote Problème avec la fonction switch [ par stiml ] Bonjour, Je sais qu'on a posté plusieurs questions sur ce sujet mais je n'est pas trouvée ma réponseMerci de m'éclairer sur cette fonction qui ne fonc Lier un événement à une méthode [ par lelutinvert ] Bonjour,Voilà le problème qui se pose :J'ai volontairement très simplifié le code dans lequel je rencontre la difficulté, mais le principe s'y trouve. couleur, radiobutton, onclick [ par gabs77 ] slt, j'ai un souci avec mon formulairej'ai un formulaire de base auquel j'ai des formulaires spécifiques par rapport a des choix effectuer dans ce for Pb AJAX sous IE [ par Emcy ] bonjour,j'ai créé un mini projet où j'ai 3 fichiers :- 1 fichier html : pour affichier ma page- 1 fichier javascript : script lié à ma page html- 1 fi document.body vs document.write [ par arnaultp ] Bonjour à tous!Je n'arrive toujours pas très bien à comprendre ce que font document.body et document.write.Cela fait seulement 2 semaines que je code Redimensionnement de font sur un document.getElementById(obj).innerHTML [ par cousinlol ] Bonsoir,J'ai une fonction impression et je veux redimensionner la taille de la police de ce que j'imprimeJ'ai fait var zi = ""+document.getElementById Probleme avec IE [ par theopil ] Voila sous firefox sa marche niquel , mes pas sous IE , et j tourne en rond et je ne trouve pas l'erreurfunction affi Javascript et IE 6 ou 7 [ par memento59800900 ] Bonsoir à toutes et à tous !J'ai créé une page web (entre autres) pour mon boulot sous firefox, et seule une partie du javascript fonctionne.Je pense

Livres en rapport

Fireworks MX pour PC/MAC

DocBook. La référence

BusinessObjects 5.1 et WebIntelligence 2.6.

Acrobat Reader

Tous les livres pour Document, Obj, Getelementbyid, Nbsp, Innerhtml

Nos sponsors

Derniers Blogs

POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante

JOYEUX ANNIVERSAIRE NIX par ebartsoft

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

Forum

RE : UTILISER UN .JS par jopop

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Creation d-un intergiciel temps reel
Budget : 200 000€
Application iphone et android - gestion contenu et version derivees-URGENT-REPUBLICATION
Budget : 5 000€
Creation espace client avec suivi de commande en temps reel
Budget : 800€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP