begin process at 2012 05 29 17:57:24
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Réinitialiser le contenu dynamique d'une div cachée


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

Réinitialiser le contenu dynamique d'une div cachée

mercredi 14 octobre 2009 à 11:11:44 | Réinitialiser le contenu dynamique d'une div cachée

istella

Bonjour,
J'ai un niveau débutant en Javascript et php, je dois réaliser une page qui contient des données provenant d'une base de données. Au survol de ces "mots clés" une div cachée doit s'afficher et contenir la description de ce mot clé qui provient aussi d'une base de données.
Je parviens à afficher les mots clés en php, mais le soucis c'est qu'au survol de ceux ci c'est toujours la 1ère description qui s'affiche, pourtant dans le code source de la page je vois bien toute les mots clés et toutes les descriptions. Je pense qu'il doit manquer une fonction qui "réinitialise" le contenu de ma div avant affichage.

Voilà le code de ma page :
<?php require_once('Connections/maconnection.php'); ?>
<?php
mysql_select_db($database_mabdd, $mabdd);
$query_Recordset1 = "SELECT * FROM matable";
$Recordset1 = mysql_query($query_Recordset1, $mabdd) or die(mysql_error());
$row_Recordset1 = mysql_fetch_assoc($Recordset1);
$totalRows_Recordset1 = mysql_num_rows($Recordset1);<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
{
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;

$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
}
return $theValue;
}
}
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
#info {
position:absolute;
width:300px;
height:auto;
z-index:1;
background-color: #CC99FF;
left: 405px;
top: 136px;
visibility: hidden;
}
.Style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #000000;
}
.Style2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
}
-->
</style>
<script type="text/javascript">
function afficheinfo(texte){
if(texte=='invisible'){
document.getElementById('info').style.visibility='hidden'
}
else{
document.getElementById('info').style.visibility='visible'
document.getElementById('info').src=texte
}
}

</script>

</head>

<body>



<table width="300" border="1">
<?php do { ?>
<tr>
<td align="center" valign="middle" bordercolor="#CC99FF"><?php echo $row_matable['id']; ?></td>
<td height="72" align="center" valign="middle" bordercolor="#CC99FF"><div align="center" class="Style2" ; onMouseOver= "afficheinfo('info')" onMouseOut= "afficheinfo('invisible')"><?php echo $row_matable['nom']; ?></div></td>
</tr>
<div id="info">
<div align="justify" class="Style1">
<div align="justify">
<blockquote>
<p align="left"><?php echo $row_matable ['description'] ?></p>
</blockquote>
</div>
</div>
</div>
<?php } while ($row_matable = mysql_fetch_assoc($recordset1)); ?>
</table>
</body>
</html>
<?php
mysql_free_result($recordset1);
?>

J'espère avoir été le plus claire possible, et vous remercie pour votre aide.
Istella
mercredi 14 octobre 2009 à 11:31:49 | Re : Réinitialiser le contenu dynamique d'une div cachée

Bul3

Membre Club
Bonjour,

ça semble normal à priori :
<div id="info">
...
<p align="left"><?php echo $row_matable ['description'] ?></p>
...
</div>
c'est mis 1 fois et une seule et rien ne le met à
jour, donc c'est toujours la même chose.

pas sûr que vous ayez compris comment
le html/javascript et php communiquent

regardez donc le html résultant,
pas le php, vous comprendrez mieux
quelques explications basiques sur
les relations php/javascript ici

Cordialement [mon Site] [M'écrire] Bul
mercredi 14 octobre 2009 à 11:58:45 | Re : Réinitialiser le contenu dynamique d'une div cachée

istella
Bonjour,
Merci de vous pencher sur mon cas!!!
En effet, honnêtement je vous confirme que je ne comprends pas très bien comment ces 3 langages communiquent!
Cependant je suis allée voir le html résultant et il m'affiche bien tous les mots clés et toutes les descriptions correspondantes, voyez plutôt :


<body>
<table width="300" border="1">
<tr>
<td align="center" valign="middle" bordercolor="#CC99FF">1</td>
<td height="72" align="center" valign="middle" bordercolor="#CC99FF"><div align="center" class="Style2" ; onMouseOver= "afficheinfo('info')" onMouseOut= "afficheinfo('invisible')">MOTCLE1</div></td>
</tr>
<div id="info">
<div align="justify" class="Style1">
<div align="justify">
<blockquote>
<p align="left">Description longue du mot clé 1.</p>
</blockquote>
</div>
</div>
</div>
<tr>
<td align="center" valign="middle" bordercolor="#CC99FF">2</td>
<td height="72" align="center" valign="middle" bordercolor="#CC99FF"><div align="center" class="Style2" ; onMouseOver= "afficheinfo('info')" onMouseOut= "afficheinfo('invisible')">MOTCLE2</div></td>
</tr>
<div id="info">
<div align="justify" class="Style1">
<div align="justify">
<blockquote>
<p align="left">Description longue du mot clé 2.
</p>
</blockquote>
</div>
</div>
</div>
<tr>
<td align="center" valign="middle" bordercolor="#CC99FF">4</td>
<td height="72" align="center" valign="middle" bordercolor="#CC99FF"><div align="center" class="Style2" ; onMouseOver= "afficheinfo('info')" onMouseOut= "afficheinfo('invisible')">MOTCLE3</div></td>
</tr>
<div id="info">
<div align="justify" class="Style1">
<div align="justify">
<blockquote>
<p align="left">Description longue du mot clé 3.</p>
</blockquote>
</div>
</div>
</div>
<tr>
<td align="center" valign="middle" bordercolor="#CC99FF">5</td>
<td height="72" align="center" valign="middle" bordercolor="#CC99FF"><div align="center" class="Style2" ; onMouseOver= "afficheinfo('info')" onMouseOut= "afficheinfo('invisible')">MOTCLE4</div></td>
</tr>
<div id="info">
<div align="justify" class="Style1">
<div align="justify">
<blockquote>
<p align="left">Description très très très longue du mot clé 4.
</p>
</blockquote>
</div>
</div>
</div>
</table>
</body>
</html>


C'est pour cette raison que je suis convaincue qu'il me manque un petit bout de code qui me permettrait de mettre à jour la div à l'affichage suivant.
Pourriez vous me mettre sur la voie?
Merci beaucoup, cela fait déjà plusieurs jours que je retourne cette page dans tous les sens et je suis certaine de ne plus être trop loin de la solution...
Cordialement


Istella
mercredi 14 octobre 2009 à 12:32:39 | Re : Réinitialiser le contenu dynamique d'une div cachée

Bul3

Membre Club
les mots clés certes...
mais.... où sont donc leurs définitions ?

dans votre div info, seule existe la
définition du motcle4.

soit vous mémorisez ces définitions
quelque part en html ou javascript
et vous les affichez en fonction du mot clé
soit pour chaque mot clé, vous allez rechercher
sa définition dans la base donc en rappelant le
php ( formulaire, par l'url, voire ajax )

mercredi 14 octobre 2009 à 12:39:39 | Re : Réinitialiser le contenu dynamique d'une div cachée

istella
Merci à vous je vais chercher.


Istella
mercredi 14 octobre 2009 à 12:42:22 | Re : Réinitialiser le contenu dynamique d'une div cachée

Bul3

Membre Club
si vous avez compris la logique de
"comment ça se passe", vous allez
y arriver, pas de souci.


Cette discussion est classée dans : page, contenu, document, div, cachée

Répondre à ce message

Sujets en rapport avec ce message

Rollover "image->document" [ par ethernetmaster ] Tout est dit dans le titre, je n'arive pas a faire un rollover , pour qu'on passe d'une image au contenu d'une page web.Par exemple: quand on passera Ben en faite je ne sais pas je dirait bug de frame [ par fcr_loch ] alors pourkoi bug de frame, parcequ'a l'origine j'ouvrais c'est page dans d'autre fenetre et ca fonctionné correctement. donc j'expliquesur ma page ht Un div sur la hauteur d'une page [ par sschupp ] Bonjour, Je fais la mise en page de mon site web et je n'arrive pas à faire ce que je veux. J'es Editeur de texte en ligne avec des objets dragables [ par calitom ] Bonjour, Je cherche a faire une page permettant de regroupper plusieurs DIV draggables dans un DIV général. - En gros, il y aurait un DIV général. - E Affichage du contenu d'une page dans un DIV [ par aloisio11 ] Bonjour,Je suis dans ma page Article.asp avec ma liste d'articles.Au clique sur un article je voudrais, en Javascript, afficher le contenu d'une page Masquer/Afficher Div [ par dommm063 ] Bonjour,J'aimerais créer une page où le conetenu n'est pas affiché au chargement, et où il faut cliquer sur les titres pour dérouler le contenu.J'ai d bas de page plus bas que contenu [ par inaden ] Bonjour,Je construit ma feuille de style en div positionné en relatif.J'ai un premier div qui est en marge "auto" pour centrer le tout et des div deda Modification contenu DIV par Menu [ par jpdollo ] Bonjour :Sur ma home j'ai un DIV dont le contenu est modifié par un menuActuellement à l'ouverture de la page le contenu du DIV est blancJe voudrais q sortir du flux pour positionner mon div en haut [ par attentio ] bonjour, voila j'ai un code qui me permet d'avoir toujours mon footer en bas de ma page quelque soit le contenu.cela fonctionne tres bien. voici m Pb de soumission de formulaire php avec jQuery [ par prozenproses ] Bonjour,Avant toute chose je vous annonce que je travaille sur une "plateforme" AJAX avec jQuery.Mon site se compose en 3 partie : - l'entete : qui re


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

Photo Waterfall in Kauai Hawaii With RainbowPhoto Beautiful El Capitan Yosemite National Park
Photo Marine life 

Visiter la photothèque

A découvrir
 
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 : 10,826 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)