IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

suivant et précédent


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    206
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 206
    Par défaut suivant et précédent
    Bonjour,

    Je récupère mes données de ma table et j'en affiche la plus récente.
    Je voudrais faire un bouton suivant et précédent.
    Pour cela j'ai tester ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <a href="onclick(document.getElementById('nomdemadiv').innerHTML=<?php echo $article[1]; ?>);">
     suivant
    </a>
    Bien évidement ca ne marche pas.

    Aidez moi svp

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick="document.getElementById('nomdemadiv').innerHTML='<?php echo $article[1]; ?>';return false">
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Rédacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="javascript:(function(){document.getElementById('nomdemadiv').innerHTML='<?php echo $article[1]; ?>';return false;})();">
    c'est rien que pour vous embêter
    sinon plus sérieusement. bovi tu as oublié de supprimer une parenthèse

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    206
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 206
    Par défaut
    Merci,

    j'ai pas encore tester mais je vous dirais si c'est bon.

    J'aurais voulu savoir comment faire pour l'incrémentation ou la décrémentation automatique ?

    Merci encore

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    206
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 206
    Par défaut
    Alors, j'ai testé et la solution de bigboom ne marche pas et celle de bovino marche.

    Par contre je n'arrive pas a obtenir le résultat voulu ...

    Voici le code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    <?php
            include("./admin/class/BDDClass.php");
    ?>
    <div id="content">
    <?php	
    	$BDD = new BDD();
     
    	$les_news = $BDD->Requete("SELECT * FROM news order by date_news desc");// limit 0,1");
    	//$nb_article=0;
    	$nb_article=$BDD->CompteReponse($les_news);
    	//echo 'nb : '.$nb_article.' ';
    	$article = array ($nb_article);
     
    	if ($nb_article > 0) 
    	{
    		$nb_news=0;
    		while($news=$BDD->RequeteArray($les_news))
    		{
    			$article[$nb_news]=$news['contenu_news'];
    			//echo ' art : '.$article[$nb_news];
    			$nb_news++;
    		}
     
    		//echo $article['0'];
    	}
    	else
    			echo 'Il n\'y a aucune News avec cette id!';
     
    			echo $article[0];
     
    	unset($BDD);
    ?>
    </div>
    <div>
    <?php
            $page=0;
            
            if($nb_article>1)
            {
    ?>
    	<a href="#" onclick="document.getElementById('content').innerHTML='<?php echo $article[$page+1]; ?>';return false">
    	suiv
    	</a>
    	&nbsp;
    	<a href="#" onclick="document.getElementById('content').innerHTML='<?php echo $article[$page-1]; ?>';return false">
    	prec
    	</a>
    <?php
            }
    ?>	
    </div>
    <?php
     
    ?>
    Ca ne marche que pour la news suivante mais pour un seul appui ...

    Merci

  6. #6
    Rédacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Par défaut
    Citation Envoyé par Albat_r Voir le message
    Alors, j'ai testé et la solution de bigboom ne marche pas
    ne marche, ne marche pas...
    il suffit d'enlever le return false résultant d'un grossier copier/coller...

  7. #7
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Ca ne marche que pour la news suivante mais pour un seul appui ...
    J'imagine que si tu es sur la 1re news, la précédente n'existe pas, donc 'prec' risque effectivement de ne pas marcher, ensuite, lorsque tu changes de news, il peut être intéressant de mettre à jour les liens...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    206
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 206
    Par défaut
    J'imagine que si tu es sur la 1re news, la précédente n'existe pas, donc 'prec' risque effectivement de ne pas marcher
    Oui, je sais, de toute façon je n'avais pas tester direct J'avais d'abord appuyé une fois sur suivant.

    Comme le montre mon code, je stocke toutes mes news dans un tableau et je veux naviguer dans ces news en changeant l'indice.

    Maintenant je viens de voir que mon incrémentation ne marche pas donc je ne sais pas trop comment faire :/

  9. #9
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    206
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 206
    Par défaut
    Bon alors, je penche pour envoyer l'indice avec $_get

    Pour cela voici mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    <?php
            include("./admin/class/BDDClass.php");
    ?>
    <div id="content">
    <?php   
            $BDD = new BDD();
            
            $les_news = $BDD->Requete("SELECT * FROM news order by date_news desc");// limit 0,1");
            //$nb_article=0;
            $nb_article=$BDD->CompteReponse($les_news);
            //echo 'nb : '.$nb_article.' ';
            $article = array ($nb_article);
            
            if ($nb_article > 0) 
            {
                    $nb_news=0;
                    while($news=$BDD->RequeteArray($les_news))
                    {
                            //echo $news['contenu_news'];
                            $article[$nb_news]=$news['contenu_news'];
                            //echo ' art : '.$article[$nb_news];
                            $nb_news++;
                    }
     
                    //echo $article['0'];
            }
            else
                            echo 'Il n\'y a aucune News avec cette id!';
                            
                            //echo $article[0];
                            
            unset($BDD);
    ?>
    </div>
    <div>
    <?php   
    if(!isset($_GET['news']))
    {
            echo 'existe pas ';
            $_GET['news']=0;
    }
     
            if($nb_article>1)
            {
                    if($_GET['news'] > 0 )
                    {
    ?>
                            <a href="back_next.php?news=<?php echo $_GET['news']; ?>" onclick="document.getElementById('content').innerHTML='<?php $_GET['news']=($_GET['news']-1); echo $_GET['news']; /*echo $article[$page];*/ ?>';return false">
    			prec
    			</a>
    <?php
                    }
    ?>		
    		&nbsp;
    <?php
                    if($_GET['news'] < $nb_article )
                    {
    ?>		
    			<a href="back_next.php?news=<?php echo $_GET['news']; ?>" onclick="document.getElementById('content').innerHTML='<?php $_GET['news']=($_GET['news']+1); echo $_GET['news']; /*echo $article[$_GET['news']];*/ ?>';return false">
    			suiv
    			</a>
    <?php
                    }
            }
    ?>	
    </div>
    <?php
     
    ?>
    Et bien sur ca ne marche pas ...

    Une suggestion ?

    PS : 51eme post, ca se fête

  10. #10
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Bon alors, je penche pour envoyer l'indice avec $_get

    Tu raisonnes à l'envers... ta page php génère un contenu statique donc une fois ta page affichée, tu ne peux plus la modifier en php et comme tes liens pointent sur '#' tu ne mets rien à jour.
    Pour moi, 2 solutions possibles :
    1) Mettre un lien sur le href avec effectivement ta nouvelle page en GET, mais tu es obligé de recharger la page entière...
    2) Un appel Ajax avec comme paramètre la donnée à afficher et récupérer à la fois le contenu à mettre à jour et les liens précédent et suivants à mettre à jour.

    EDIT :
    PS : 51eme post, ca se fête
    Pourquoi, tu es de Reims ? Fais péter le champagne !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  11. #11
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    206
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 206
    Par défaut
    J'ai mis un lien sur mon href
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="back_next.php?news=<?php echo $_GET['news']; ?>" onclick="document.getElementById('content').innerHTML='<?php $_GET['news']=($_GET['news']-1); echo $_GET['news']; /*echo $article[$page];*/ ?>';return false">
    Pour la solution 1/, je ne suis pas sur qu'il fasse recharger la page entière ...
    Mon code ne marche pas car l'incrémentation ne se fai pas, pourtant qd je passe la souri sur le suivan, le lien avec le get aparé tout en bas ds la barre d'état.

    Pour la solution 2/, quel appel d'ajax ? un exemple p-e

    PS : 51 c'est le pastis je suis de marseille

Discussions similaires

  1. [MySQL] Boutons suivant ou précédent
    Par zabuze dans le forum PHP & Base de données
    Réponses: 1
    Dernier message: 21/11/2007, 20h32
  2. Faire une pagination avec lien suivant et précédent
    Par Alexandrebox dans le forum Langage
    Réponses: 2
    Dernier message: 29/03/2007, 17h35
  3. faire afficher suivante et précédent
    Par sam01 dans le forum Langage
    Réponses: 1
    Dernier message: 27/06/2006, 13h44
  4. Affichage suivant enregistrement précédent
    Par cdumas dans le forum Access
    Réponses: 8
    Dernier message: 30/04/2006, 13h11
  5. Bouton suivant et précédent
    Par claralavraie dans le forum ASP
    Réponses: 13
    Dernier message: 26/12/2005, 16h55

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo