begin process at 2012 02 14 10:08:43
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Evènements

 > 

Difficulté d'afficher qq chose avec lien ds une table


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Difficulté d'afficher qq chose avec lien ds une table

dimanche 7 décembre 2008 à 17:18:31 | Difficulté d'afficher qq chose avec lien ds une table

jeanjeandada

Bonjour Cher FOrum ,
(j'utilise les api de google)
Voilà dans la balise body je déclare une table :

<body onload="load()" onunload="GUnload()">

<table border=1>

<tr>

<td width = 150 valign="top" style="text-decoration: underline; color: #4444ff;">



<div id="side_bar"></div>

</td>

</tr>

</table>

</body>



Puis dans la partie JAVASCRIPT je souhaiterai ajouter des mots (.....^^) dans la table avec un lien particulier pour chacun de ses mots.
Code qui montre la fct pour ajouter une ligne dont le mot (name) permet en cliquant dessus de créer un événement

function tablee(marker,html) {

// save the info we need to use later for the side_bar

gmarkers[i] = marker;

htmls[i] = html;

// add a line to the side_bar html

alert(side_bar_html);

side_bar_html += <a href= "javascript:myclick(' + i + ') "> + name + </a><br>;



i++;

}



function myclick() {

alert('i=' + i);

gmarkers[i].openInfoWindowHtml(htmls[i]);

}


toutes ces fonctions se trouve ds la fct load();
Avt de faire appel à ses fct voici se que je déclare :

var side_bar_html = "";

var gmarkers = [];

var htmls = [];

var i = 0;

//--------------------------

//--Déclération des makers--

//--------------------------



var marker = new GMarker(new GLatLng(46.71471057,-0.36750402));

map.addOverlay(marker);

tablee(marker,"LE MOT")


Enfin Bref le problème est qu'en faite rien ne s'affiche ds ma table ............
J'ai essayé plein plien plein de trucs ..
Merci A+
dimanche 7 décembre 2008 à 17:36:54 | Re : Difficulté d'afficher qq chose avec lien ds une table

Bul3

Membre Club
bonjour,
>>Bref le problème est qu'en faite rien ne s'affiche ds ma table
euh... le problème c'est qu'il y a des erreurs de syntaxe surtout...

exemple :
side_bar_html += <a href= "javascript:myclick(' + i + ') ">  +  name  + </a><br>;

même si on dit que side_bar_html existe et est correct ( je ne parie pas hein ! )
ce qu'il y a derrière =, le javascript va pas trop aimer...

Chrome
contrôler page actuelle / Options pour développeurs
/ Console Javascript
FireFox
Outils / Console d'erreurs
et mieux : télécharger FireBug
Internet
Explorer
activer le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" : décocher
o Afficher une notification de chaque erreur de script
o Désactiver le débogage de Scripts (Internet Explorer)
et mieux : télécharger le Debogger IE
voir aussi : DebugBar et Companion JS
K-Meleon
Outils / Console d'erreurs
Opera
Outils / Avancé / Console d'erreurs
Safari
Debug / Show JavaScript Console
° modifier Fichier com.apple.Safari.plist situé dans le
répertoire : Support:\Documents and Settings\utilisateur
\Application Data\Apple Computer\Safari\Preferences\
y ajouter <key>IncludeDebugMenu</key>
<true/>

Cordialement

          [mon Site] [M'écrireBul         

lundi 8 décembre 2008 à 08:40:16 | Re : Difficulté d'afficher qq chose avec lien ds une table

jeanjeandada

D'accord merci pour les liens pour debugger,

mais est ce que tu connaîtrai un code pour ajouter une ligne dans ma table en mettant en plus en lien sur cette ligne.

J'ai trouvé un bout de code sur internet mais je n'arrive pas de tout à mettre un lien :
    var tableau=document.getElementById("ma_table");
    var ligne=document.createElement("tr");
    var col=document.createElement("td");
    col.setAttribute("colspan", "4");
    var test=document.createTextNode("nouvelle ligne");
    tableau.appendChild(ligne);
    ligne.appendChild(col);
    col.appendChild(test);

Est ce que tu pourrais m'aider stp
merci
lundi 8 décembre 2008 à 09:28:31 | Re : Difficulté d'afficher qq chose avec lien ds une table

Bul3

Membre Club
bonjour,

    var tableau=document.getElementById("ma_table");
    var ligne=document.createElement("tr");
    var col=document.createElement("td");
    col.setAttribute("colspan", "4");
    var test=document.createTextNode("nouvelle ligne");
    tableau.appendChild(ligne);
    ligne.appendChild(col);
    col.appendChild(test);

soit dans la lignée de ce que tu fais
    var lien=document.createElement("a");
     lien.href="http://www.javascriptfr.com";
     lien.innerHTML="CS";
     col.appendChild(lien);

soit avec les ordres adaptés aux tableaux
    var t=document.getElementById("ma_table");
    var l=t.insertRow(-1);
    var c=l.insertCell(-1);
     c.innerHTML="<a href='http://www.javascriptfr.com'>CS</a>";

Cordialement

          [mon Site] [M'écrireBul         

lundi 8 décembre 2008 à 09:48:12 | Re : Difficulté d'afficher qq chose avec lien ds une table

jeanjeandada

Bonjour Bul3,

Merci pour ton code,
j'ai créer une fct avec ce code :
    var t=document.getElementById("side_bar");
    var l=t.insertRow(-1);
    var c=l.insertCell(-1);
     c.innerHTML="<a href='http://www.javascriptfr.com'>CS</a>";


Le problème est que à partir de la ligne    var l=t.insertRow(-1);  le programme ne s'exécute plus....
Voici la déclaration de mon tableau :
<table border=1>
      <tr>
        <td>
     <div id="map" style="width: 900px; height: 550px"></div>     
        </td>
        <td width = 150 valign="top" style="text-decoration: underline; color: #4444ff;">
           <div id="side_bar"></div>
        </td>
      </tr>
    </table>

Merci bcp
lundi 8 décembre 2008 à 10:13:12 | Re : Difficulté d'afficher qq chose avec lien ds une table

Bul3

Membre Club
de ce que tu nous montre, ça me semble normal....
"side_bar" ? connait pas !

par contre si tu mets ( est-ce ce que tu veux ? )
<table border="1" id="side_bar">      tout baigne

>>le programme ne s'exécute plus....
c'est pas qu'il ne s'exécute plus, c'est qu'il signale une erreur

debogage :
Chrome
contrôler page actuelle / Options pour développeurs
/ Console Javascript
FireFox
Outils / Console d'erreurs
et mieux : télécharger FireBug
Internet
Explorer
activer le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" : décocher
o Afficher une notification de chaque erreur de script
o Désactiver le débogage de Scripts (Internet Explorer)
et mieux : télécharger le Debogger IE
voir aussi : DebugBar et Companion JS
K-Meleon
Outils / Console d'erreurs
Opera
Outils / Avancé / Console d'erreurs
Safari
Debug / Show JavaScript Console
° modifier Fichier com.apple.Safari.plist situé dans le
répertoire : Support:\Documents and Settings\utilisateur
\Application Data\Apple Computer\Safari\Preferences\
y ajouter <key>IncludeDebugMenu</key>
<true/>




[mon Site][M'écrire]Bul

mardi 9 décembre 2008 à 11:25:34 | Re : Difficulté d'afficher qq chose avec lien ds une table

jeanjeandada

Bonjour :)
Exact : <table border="1" id="side_bar">
Comme cela Tout baigne.
Je voudrai améliorer le code suivant  :
    var newRow = document.getElementById('side_bar').insertRow(-1);
    var newCell = newRow.insertCell(i);
    newCell.innerHTML = 'name';

En faite je voudrai que lorsque je clique sur la ligne (de la table) cela me active une fct dans mon script
J'ai pensé à cela :
    var newRow = document.getElementById('side_bar').insertRow(-1);
    var newCell = newRow.insertCell(i);
    newCell.innerHTML = 'javascript:myclick(i)';

function myclick(i) {
blablabla
      }
Mais cela ne marche pas car pour faire un lien il un élément HTML alors que là c'est un noeud texte.
..
Est ce que tu connaîtrai ce code ?
Merci
mardi 9 décembre 2008 à 11:32:51 | Re : Difficulté d'afficher qq chose avec lien ds une table

Bul3

Membre Club
innerhtml, c'est ce qu'on affiche....
pour ajouter une fonction : élément ou objet ou baise.onclick=function() { les ordres javascript; }

          [mon Site] [M'écrire] Bul         

mardi 9 décembre 2008 à 12:05:35 | Re : Difficulté d'afficher qq chose avec lien ds une table

jeanjeandada

Merci pour les précisions,

Hmmmmmm si j'ai bien comprit ca donnerai cela ???? :

    var newRow = document.getElementById('side_bar').insertRow(-1);
    var newCell = newRow.insertCell(i);
    newCell.innerHTML = comment ;
//comment est un variable string
var test =document.createElement('a');
test.href= 'javascript:myclick(' + i +')';



Merci

mardi 9 décembre 2008 à 12:34:15 | Re : Difficulté d'afficher qq chose avec lien ds une table

Bul3

Membre Club
Réponse acceptée !
ah ?!? j'ai dis ça moi ?
si tu veux mettre du javascrip dans le lien, certes, tu ne dois pas être loin,
( généralement, il "vaut mieux" mettre void : ...href="javascript:void(fonction_js());"... )
mais si tu veux ajouter du javascript à un évènement sur le td
( ce qui n'est pas du tout la même chose ) :

newCell.onl'évênement voulu=function()    { des ordres javascript;    }
l'évênement voulu : click, mouseover, mouseout... ou autres

       [mon Site][M'écrire]Bul


1 2 3

Cette discussion est classée dans : bar, table, html, side, marker


Répondre à ce message

Sujets en rapport avec ce message

nom table html [ par milo2009 ] Salut,Je créer des table dans une boucle php, cependant, je voudrais que chaque table es des nom different (table1, table2...).Puis appel une fonction redimensionner une table html ! [ par jimmy69 ] Salut salut,J'ai une page web (asp net) qui est envoyée au serveur et elle renvoit une page html avec un tableau et des colonnes ou l'on retrouve des Inserer table de poker sur une page html ?? [ par jeje1234 ] Bonjour, je voudrai savoir si il est possible d'insérer sur une page html une table de poker sur laquelle il serai possible de jouer avec mes copain ? Modélisation file d'attente de commande avec html/ajax/mysql [ par soumsoumdu06 ] Salut à tous, je souhaiterai développer une file de commande (FIFO premier entré, premier sorti). J'ai une table Mysql (ID++(n°commande)|Date|Nom|Prén affecter une valeur js dans une table html [ par niss87 ] Bonjour; desolé d'avoir mis mon probleme ici, mais je n ai pas trouvé son bon endroit dans le forum js! mon pb: j 'ai une table html, qui se rempl créer un nouvel onglet pour afficher une image [ par vegetalain ] Bonjour... alors voilà, j'ai ce code là pour afficher deux vignettes... quand on clique sur elles, la version "grande" s'affiche, mais à même la page. tableau dynamique avec jquery [ par mdh12 ] salut, je veux savoir est ce que c'est possible de créer un tableau dynamique avec jquery en html si on fait appel à ce tableau [code=html][code=htm Calcul Age en HTML [ par lukaslunt ] Bonjour à tous je ne sait pas ou mettre ce message pour que quelqu'un m'aide. J'aimerais pouvoir mettre sur mon site un calcul d'age automatique. Je Du dinamique avec du JavaScript [ par minimoysmini ] Salut, Voila je connais pas mal de truc en informatique. Je c'est programmer en C#,HTML,JavaScript et CSS. Puis j'ai eu envie de créer un jeux sur i Du dynamique avec du javascript [ par minimoysmini ] Salut, Voila je connais pas mal de truc en informatique. Je c'est programmer en C#,HTML,JavaScript et CSS. Puis j'ai eu envie de créer un jeux su


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,577 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales