begin process at 2012 05 30 05:12:49
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

tableau limité


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

tableau limité

lundi 23 juillet 2007 à 17:12:25 | tableau limité

nadifa

je veux créer une page php qui va apporté des données depuis la base elle doit générée 10 lignes  et si les données depassent 10 lignes un boutton suivant doit etre present pour  afficher la suite en plus ça doit se charger en meme temps ; je suis debutante si vous pouvez m'aider je vous serez reconnaissante .
 j'ai oublier de préciser que toutes les lignes doivent etre charger pour que quand j'appuie sur le boutton suivant seul le tableau se charge et nn pas la page.
lundi 23 juillet 2007 à 18:58:53 | Re : tableau limité

bultez

Membre Club
Amical Bonjour à toi aussi,
    [ quand on veut, on peut ]
    qu'est-ce qui ne fonctionne pas dans ton programme ?

merci beaucoup pour la question                Bul     [mon Site]     [M'écrire]



lundi 23 juillet 2007 à 19:47:08 | Re : tableau limité

nadifa

deja merci pour m'avoir repondu ce qui ne fonctionne pas c'est que j'ai q'une partie dans ma page web qui suporte 10 lignes ces lignes viennent depuis la base de données je ve pour l'affichage si les lignes depassent les 10 ligjnes un boutton suivant se devoile et affiche la suite mais sans avoir recoure a ske toute la page web se charge
lundi 23 juillet 2007 à 22:34:54 | Re : tableau limité

PetoleTeam

Membre Club

B
onjour...
On pourrait concevoir cela de la manière suivante

POUR Num_Ligne EGAL 0 A Num_Ligne INFERIEUR A Nbr_Ligne FAIRE
  SI Num_Ligne INFERIEUR A 10 ALORS
    Afficher_Ligne Visible
  SINON
    Afficher_Ligne hidden
  FIN SI
FIN POUR

SI Nbr_Ligne SUPERIEUR A 10
ALORS
  Afficher_Bouton
FIN SI

Voila pour un début...
;0)
lundi 23 juillet 2007 à 23:27:56 | Re : tableau limité

nadifa

merci pour ton debut c'est gentille mais ce que tu vien de m'ecrire je l'ai deja fait ce qui me manque c'est que ça s'affiche la desième partie sans que toute la page ne se charge  merci comme meme et si vous pouvez m'aider ça serai cool
mardi 24 juillet 2007 à 10:13:35 | Re : tableau limité

corsica

Membre Club
Si tu veux recharger juste ton tableau , essayes de voir du côté de AJAX. Il y a plein de codes qui trainent sur javascriptfr.
Sinon tu peux faire un truc comme ça :
<?PHP
... Connexion à la base
echo ("\n<script>");
while ( $row = mysql_fetch_attay($stmt) )
{
  echo ("\n$monTableauJavascript[] = " . $row['MonChamps1'];
}
echo ("\n</script>");
... Suite de ton code PHP
?>

Là , tu auras TOUT ton tableau en mêmoire ( monTableauJavascript )  , accessible en javascript. Tu mets ton tableau dans un <div> ( toto par exemple ) et en javascript tu réécris toto avec la propriété innerHTML.

Je ne sais pas si je me fais bien comprendre alors dans l'ordre :
1°) PHP écrit du JavaScript en dynamique qui représente la création de ton tableau mêmoire ( monTableauJavaScript ) voir exemple plus haut.
2°) PHP écrit l'indice du premier enregistrement de ton tableau avec lequel tu vas paginer ( par exemple : indiceTableau  =  0)
3°) PHP écrit le javascript qui crée le tableau HTML en dynamique à partir : du tableau mêmoire monTableauJavaScript et de l'indice à afficher (  indiceTableau ).
4°) PHP écrit le javascript qui affiche ou pas le bouton pageSuivante s'il reste plus de 11 enregistrements après indiceTableau, là je te conseille de créer aussi le bouton pagePrécédente c'est mieux .
5°) Dans le onLoad de ta page HTML tu appelles la fonction JavaScript qui affiche le tableau HTML.
6°) Dès que le client clique sur le bouton : Le javascript réécrit le tableau HTML et change indiceTableau en conséquence.

Dis moi s'il y a quelquechose qui te chiffone


Life is Too Short ...
Enjoy Your Life ...

mardi 24 juillet 2007 à 10:39:05 | Re : tableau limité

corsica

Membre Club




Life is Too Short ...
Enjoy Your Life ...

mardi 24 juillet 2007 à 10:40:21 | Re : tableau limité

corsica

Membre Club
				
Ca n'a pas marché , je recommence ...



<html>
<head>
<?php
echo "\n<script>";
echo "\nvar monTableauJavaScript = Array();";
for ( $i = 0 ; $i < 50  ; $i++ )
{
  echo "\nmonTableauJavaScript[" . $i . "] = 'N° " . $i . "';";
}
echo "\n</script>";
?>
<script>
var indiceTableauHTML = 0;
function afficheTableauHTML()
{
  maDivHTML = document.getElementById('maDivHTML');
  monTableauHTML = "<table style='border: 1px solid black;'>";
  for ( i = indiceTableauHTML ; i < indiceTableauHTML + 11 && i < monTableauJavaScript.length  ; i++ )
  {
   monTableauHTML += "<tr><td>" + monTableauJavaScript[i] + "</td></tr>";
  }
  monTableauHTML += "</table>";
  maDivHTML.innerHTML = indiceTableauHTML + "<br />" + monTableauHTML + afficheBoutons();
}
function afficheBoutons()
{
  mesBoutons = "";
  if ( indiceTableauHTML > 0 )
  {
    mesBoutons += "\n<input type='button' onClick='pagePrecedente()' value='Page Précédente'>";
  }
  if ( indiceTableauHTML < monTableauJavaScript.length )
  {
  mesBoutons += "\n<input type='button' onClick='pageSuivante()' value='Page Suivante'>";
  }
  return mesBoutons;
}
function pageSuivante()
{
  indiceTableauHTML += 11;
  afficheTableauHTML();
}
function pagePrecedente()
{
  indiceTableauHTML -= 11;
  afficheTableauHTML();
}
				</script>
</head>
<body onLoad="afficheTableauHTML()">
<div id="maDivHTML">
  test
</div>
</body>
</html>



Life is Too Short ...
Enjoy Your Life ...

jeudi 26 juillet 2007 à 11:52:38 | Re : tableau limité

nadifa

merci oske j'ai ajouter ma requete ça ne marche pa voici le code et je pense qu'au niveau du script que vs m'avez proposé il y a un probleme

<html>
<head>
<?php
 $host = "localhost";
 $user = "root";
 $password = "";
 $bdd = "supervision";
 $conn = mysql_connect($host, $user, $password);
 mysql_select_db($bdd) or die("Impossible de se connecter a la base de donnees $bdd");

 $requete = "SELECT Nom FROM departement,hote,etat WHERE hote.RefDepartement=departement.RefDepartement AND hote.RefHote=etat.RefHote AND Last='yes' AND etat='down'";
 $res = mysql_query($requete) or exit(mysql_error());
 
echo "<script>";
echo "var monTableauJavaScript = Array();";
 while ($row = mysql_fetch_row($res))
 {
  for ($j = 0; $j < count($row); $j++)
  {      
    echo "monTableauJavaScript[" . $j . "] = '$row[$j]';";
    echo("<br>");
  }
 }


echo "<script>";
echo "var monTableauJavaScript = Array();";
for ( $i = 0 ; $i < 50  ; $i++ )

echo "monTableauJavaScript[" . $i . "] = \"N° " . $i . "\";";}
echo "</script>";?>
 
  <script>
 
       var indiceTableauHTML = 0;
    monTableauHTML= ;
     functcion
   
       function afficheTableauHTML()
   
                   {
                    maDivHTML = document.getElementById('maDivHTML');
     
                    monTableauHTML = <table style='border: 1px solid black;'>; 
     
                    for ( i = indiceTableauHTML ; i < indiceTableauHTML + 11 && i < monTableauJavaScript.length  ; i++ ) 
      
      {
       monTableauHTML += <tr><td> + monTableauJavaScript[i] + </td></tr>;
      } 
      
     monTableauHTML += </table>; 
     
     maDivHTML.innerHTML = indiceTableauHTML + <br /> + monTableauHTML + afficheBoutons();
     
     }
  function afficheBoutons()
  
     {
       mesBoutons = "";  if ( indiceTableauHTML > 0 )
      
      {  
       mesBoutons += <input type='button' onClick='pagePrecedente()' value='Page Précédente'>; 
      }
      
     if ( indiceTableauHTML < monTableauJavaScript.length )
     
      {
       mesBoutons += <input type='button' onClick='pageSuivante()' value='Page Suivante'>; 
      } 
      
     return mesBoutons;
     
     }
     
  function pageSuivante()
  
     {
     indiceTableauHTML += 11;  afficheTableauHTML();}
     
   function pagePrecedente()
   
    { 
      indiceTableauHTML -= 11;  afficheTableauHTML();
    }  
   </script>
   
   </head>
   
   <body onLoad="afficheTableauHTML()">
   
   <div id="maDivHTML">
malika
   </div>
   </body>
   </html>

jeudi 26 juillet 2007 à 22:14:24 | Re : tableau limité

corsica

Membre Club

Peux-tu me dire ce qui ne marche pas ?
- La création du tableau JavaScript ( auquel cas il doit y avoir une erreur PHP )
- La création du tableau HTML , la pagination ==> erreur javascript

J'ai trouvé quelques problèmes avec tes modifs ce qui donne après correction et simplification des balises :

<html>
<head>
<script>
var monTableauJavaScript = Array();
<?php
// Là on code la création du tableau dynamique
$host = "localhost";
$user = "root";
$password = "";
$bdd = "supervision";
$conn = mysql_connect($host, $user, $password);
mysql_select_db($bdd) or die("Impossible de se connecter a la base de donnees bdd");

$requete = "SELECT Nom FROM departement,hote,etat WHERE hote.RefDepartement=departement.RefDepartement AND hote.RefHote=etat.RefHote AND Last='yes' AND etat='down'";
$res = mysql_query($requete) or exit(mysql_error());

$j=0;
while ($row = mysql_fetch_row($res))
{
echo "\nmonTableauJavaScript[" . $j . "] = '" . $row['Nom'] . "';";
$j++;
}
// On a fini de créer le tableau , on créé les fonctions pour naviguer
?>

var indiceTableauHTML = 0;
function afficheTableauHTML()
{
maDivHTML = document.getElementById('maDivHTML');
monTableauHTML = "<table style='border: 1px solid black;'>";
for ( i = indiceTableauHTML ; i < indiceTableauHTML + 10 && i < monTableauJavaScript.length ; i++ )
{
monTableauHTML += "<tr><td>" + monTableauJavaScript[i] + "</td></tr>";
}
monTableauHTML += "</table>";
maDivHTML.innerHTML = indiceTableauHTML + "<br />" + monTableauHTML + afficheBoutons();
}
function afficheBoutons()
{
mesBoutons = "";
if ( indiceTableauHTML > 0 )
{
mesBoutons += "\n<input type='button' onClick='pagePrecedente()' value='Page Précédente'>";
}
if ( indiceTableauHTML < monTableauJavaScript.length )
{
mesBoutons += "\n<input type='button' onClick='pageSuivante()' value='Page Suivante'>";
}
return mesBoutons;
}
function pageSuivante()
{
indiceTableauHTML += 11;
afficheTableauHTML();
}
function pagePrecedente()
{
indiceTableauHTML -= 11;
afficheTableauHTML();
}

</script>
</head>
<body onLoad="afficheTableauHTML()">
<div id="maDivHTML">
Le tableau de malika :-)
</div>
</body>
</html>


 



Life is Too Short ...
Enjoy Your Life ...


1 2

Cette discussion est classée dans : page, données, tableau, lignes, limité


Répondre à ce message

Sujets en rapport avec ce message

rafraichissement page [ par rudybiss ] Bonjour!!! Voila,je developpe un site en ajax+php et tout vas bien jusque là.Mon problème,est que j'ai sur la meme page j'ai un tableau qui affiche Rafraichir le contenu d'un Tableau sans rafraichir toute la Page [ par ovt001 ] ovt001 Exporter un tableau contenu dans une page html vers un document text [ par chezeu ] J'ai un tableau contenu dans une page html. Je voudrais exporter ce tableau vers un document text à partir d'un bouton.N'y a t'il pas une fonction qui transmettre données vers pop up [ par karenma ] bonjour je voudrais que les données d'un formulaire soient transmises à une autre page confirmationmais quand je transforme cette page confirmation en Centrer un tableau au milieu de la page [ par lineb76 ] Bonjour,Je ne sais pas si je dois le poster là, mais je ne sais pas trop où le mettre!Voilà mon problème, en voulant m'adapter à la norme W3C, je dois Problème d'affichage tableau dynamique sous FF [ par DMK04 ] Bonjour,Est-ce que quelqu'un pourrait me dire si il y a une erreur quelconque qui pourrait causer des problèmes d'affichage sous FireFox (alors que so Imprimer juste un tableau dans la page [ par leclanalucky ] Salut, je voudrais installer dans une de mes pages web un bouton pour imprimer un tableau en particulier sans avoir à imprimer tout se qu'il y a tout AJAX et données nombreuses [ par coockiesch ] Re-bonjour! :)  Je développe un script qui permet de lister la présences de personnes à des activités, j'ai donc, sur ma page, un tableau à deux entré Récuperer des données avec $_POST [ par njulio ] Salut à tous, J'ai un problème de récupération de données. Je m'explique: J'ai une page contenant un formulaire, en cliquant sur un bouton de commande mise a jour de la base de données [ par skalarache ] Salut tout le monde,Je travaille sur un appli web depuis quelque temps. Durant toute l'utilisation de l'appli je souhaite n'avoir aucun rechargement d


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

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 : 0,671 sec (4)

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