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

jQuery Discussion :

jquery et php


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juin 2014
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 59
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Juin 2014
    Messages : 744
    Par défaut jquery et php
    Bonjour.
    Je ne sais pas si là ou dans le forum php que je dois déposer ce message.
    Je n'ai pas trouvé de forum jquery mais c'est là que se situe mon problème.
    Je veux que mon fichier php qui envoie un tableau et un formulaire sur une page web envoi aussi une fonction jquery qui modifie les données de mon bouton valider en cliquant sur une valeur du tableau.
    Je ne sais si je dois faire ça dans un echo ou après la balise ?> de php.
    De toutes façons, je n'arrive pas au résultat escompté.
    fichier php :
    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
    <?php
    require_once '../CONFIG/constantes.php';
    //require_once 'form_parcours.php';
    require_once MYSQL2;
     
    //print_r($_POST);
     
    // Fabrication de la requête SELECT
    $ma_requete = "SELECT * FROM multisports ORDER BY id_multisports; ";
     
     
    // Connexion au serveur mysqli et selection de la base "ma_base"
    $db_link = connect();
     
    // Envoi de la requête
    $rTables=mysqli_query($db_link,$ma_requete) or die(mysqli_error($db_link));
     
    //affichage des données
    		echo '<table>';
     
    			echo '<tr><td>id_multisports</td><td>Multisport</td><td></td></tr>';
     
    			while($Valeur = mysqli_fetch_assoc($rTables))
    			{
     
    					echo '<tr><td><a id="idModif" href="#">'.$Valeur['id_multisports'].'</a></td><td>'.$Valeur['nom_multisports'].'</td><td><a href="../BDD/reqCRUD.php?action=D&table=multi&id='.$Valeur['id_multisports'].'">Supprimer</a></td></tr>';
    		    // on affiche les informations de l'enregistrement en cours
     
    			}
    			echo '</table>';
    				echo '	
    							<form name="formulaire" method="post" action="../BDD/reqCRUD.php?action=C">
    								<td id="msport" ><input name="multi" type="text" id="multi" ></td>
     
    								<td><input type="submit" name="Submit" value="Envoyer"></td>
     
    							</form>
    ';
           echo "\n";
     
      // Déconnexion
      mysqli_close($db_link);
     
      echo 
     
    ?>
     
     
     
    <style type="text/css">
    table {
    margin:auto;
    width:80%;
    border-collapse:collapse;
    margin:20px 0;
    }
    td {
    text-align : center;
    width : 10px;
    border:1px solid #000;
    }
    th, table {
    border:2px solid #000;
    }
    </style>
    jquery a intégrer :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    <script src="../Contenu/jquery.1.11.3.js"></script>
    	<script>
    	$(document).ready(function(){ 
    			$('#msport').text("Modifier sport : ");
     
    			//../BDD/reqCRUD.php?action=U&table=multi&id='.$Valeur['id_multisports'].'
    			$('#idModif').text().click(function () {
                $('#msport').replaceWith("Modifier sport : ");
    			});
            });
    	</script>

  2. #2
    Membre chevronné Avatar de 01001111
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2009
    Messages
    319
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Loire (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2009
    Messages : 319
    Par défaut
    bonsoir

    .text().click() n'existe pas à ma connaissance en jquery
    Il faut aussi mettre un lien sur le titre, les gens ne vont pas généralement cliquer sur un id mais plutôt un titre.
    Et les id servent à identifier les éléments par chaine unique, si l'occurence d'id existe plusieurs fois, ça ne sortira que la première.
    Enfin ici un evènement onclick est plus simple que la gestion jquery.
    donc
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    while($Valeur = mysqli_fetch_assoc($rTables))
    			{
     
    					echo '<tr><td><a class="modif" href="#" onclick="modif(\''.$Valeur['nom_multisports'].'\');">'.$Valeur['id_multisports'].'</a></td><td><a class="modif" href="#" onclick="modif(\''.$Valeur['nom_multisports'].'\');">'.$Valeur['nom_multisports'].'</a></td><td><a href="../BDD/reqCRUD.php?action=D&table=multi&id='.$Valeur['id_multisports'].'">Supprimer</a></td></tr>';
    		    // on affiche les informations de l'enregistrement en cours
     
    			}
    et
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
            $(document).ready(function(){ 
    			$('#msport').text("Modifier sport : ");
            });
            function modif(nom) {
                            $('#msport').text("Modifier sport : "+nom);
            }

  3. #3
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juin 2014
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 59
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Juin 2014
    Messages : 744
    Par défaut
    Bonjour.
    Merci de m'aider mais du coup je fais quoi, je n'y arrive pas.
    Ok pour class et non id.

  4. #4
    Membre chevronné Avatar de 01001111
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2009
    Messages
    319
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Loire (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2009
    Messages : 319
    Par défaut
    remplacez la boucle while par celle que vous ai fournie en premier,
    et le contenu à l'intérieur de la balise script par celui fourni en second.

  5. #5
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juin 2014
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 59
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Juin 2014
    Messages : 744
    Par défaut
    OK, j'ai compris, merci.

  6. #6
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juin 2014
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 59
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Juin 2014
    Messages : 744
    Par défaut
    Désolé.
    Mon problème vient d'ailleurs.
    j'ai essayé ta proposition et mon jquery directement dans un fichier html, ça fonctionne.
    dans mon projet, ça ne marche pas, j'ai maintenant lorsque je vais dans l’onglet HTML de Firebug :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Reload the page to get source for: http://localhost/Projet/Contenu/CRUD.js
    alors que le fichier jquery (celui de la bibliothèque) est chargé (je le vois dans l'onglet html) et que mon script se trouve dans un fichier js à côté de celui-ci.
    Que veut dire ce message ?
    Que le fichier n'est pas trouvé là où je l'ai spécifié ?
    Pourquoi recharger la page ?
    Je ne comprends pas.
    C'est vrai que l'arborescence des répertoires et fichiers de mon projet se complique mais où chercher ?

  7. #7
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    j'ai le sentiment que l'usine à gaz échappe à tout contrôle.....

    1/ On peut lire dans le tout 1er message :
    Citation Envoyé par 69Pierre Voir le message
    jquery a intégrer :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     <script src="../Contenu/jquery.1.11.3.js"></script>
    	<script>
    	..........................
    	</script>
    Donc, tu veux "intégrer à la volée" la bibliothèque jQuery...
    Déjà là, ça fait peur...
    Mets ce script directement dans le <head> de tous tes fichiers, et tu seras plus tranquille...

    Et si c'est déjà fait... ça n'a plus aucun intérêt d'essayer de le ré-intégrer !

    2/Il faut savoir qu'il faut "accrocher" une action à un élément DEJA dans le DOM.

    Exemple :
    Si l'élement '#msport' N'EST PAS pas le DOM (ajouté via JS/jQuery/Ajax...)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <script>
    $(document).ready(function(){ 
    	$('#msport').click( fonction(){
    		alert('Qui est là ?');
    	);
    });
    </script>
    -> ne fonctionnera pas !
    Il faut alors aller "l'accrocher" à un élément DÉJÀ dans le DOM :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <script>
    $(document).ready(function(){ 
    	$('body').on( 'click', '#msport', fonction(){
    		alert('Qui est là ?');
    	);
    });
    </script>
    Dernière modification par Invité ; 29/09/2015 à 19h02.

  8. #8
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juin 2014
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 59
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Juin 2014
    Messages : 744
    Par défaut
    Merci à tous les 2, je fais le point et je vous restitue mon "avancement".

  9. #9
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juin 2014
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 59
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Juin 2014
    Messages : 744
    Par défaut
    Bonjour.
    J'ai bien compris la problématique du point 2 dejreaux62.
    Mais la première partie, je ne sais effectivement pas comment faire ni ce que je génère, d'où ma question sur une autre discussion vite "sanctionné" par jreaux62.
    Je ne sais et il n'y guère précisé, ce que l'on génère avec des includes ou des require_once au niveau des balises HTML et de leur ordre sachant que comme le code est interprété de manière linéaire.

    J'ai cru bien en me faisant un gabarit qui contient de la mise en forme, l'appel aux sources js, le HEADER et le FOOTER commun au reste du projet.
    La page d'entrée du projet est la page index.php qui appelle "en dehors " du <body> gabarit.php

    Dans mon HEADER, il y a une barre de navigation avec des href qui me permet d'appeler la page formulaire.

    Dans la partie corps11 du body de formulaire_saisi.php il y les liens onclick permettant de recharger la partie coprs12 des formulaires et effectivement, à ce moment là mon DOM semble difficilement exploitable mais je n'ai pas trouvé de doc expliquant bien cette partie.
    Code gabarit.php : 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
    <?php
    require_once ((dirname(__DIR__)).'/Config/constantes.php');
    require_once ((__DIR__).'/Accueil/header.php' );
    require_once ((__DIR__).'/Accueil/footer.php' );
    ?>
     
    <!DOCTYPE html>
    <html>
     
    <head>
    <meta charset="utf-8" />
    <title>Sports</title>
     
    <meta charset="utf-8" />
    		<link rel="stylesheet" type="text/css" href="<?php echo NORMALIZE2; ?>">
    		<link rel="stylesheet" type="text/css" href="<?php echo STYLE2; ?>">
     
    <script src = "../Contenu/jquery.1.11.3.js"></script>
     
    <script src="../Contenu/htmlJsCss.js"></script>
    <script src="/Projet/Contenu/choix_form.js"></script>
    <script src="../Outils/afficher_cacher.js"></script>
    </head>
    </html>
    Code index.php : 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
    <?php require_once './Vue/gabarit.php';?>
    <body>	
    <section class="corps1">
    	<article id="corps11">
    		<h1>Totaux</h1>
    		<p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            <p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.
            Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.
            <p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            <p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            <p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
     
     
    		<p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            <p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.
            Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.
     
    	</article>
     
    	<article id="corps12">
    		<h1>Choix de l'affichage</h1>
    		<p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            <p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.
            Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.
     
    	</article>
     
    </section>
     
    <section class="alone">
     
    	<article id="corps2">
    		<h1>Affichage de 4 temps/parcours de référence</h1>
    		dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
    	</article>
    </section>
     
    </body>
    Code formulaire_saisi : 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
    <body >
    	<?php require_once '../Vue/gabarit.php';?>
    <section id="corps1">
     
    		<article id="corps11">
    			<div>	
    					<?php require_once '../Vue/Accueil/choixSaisie.php'; ?>
    					<?php //require_once '../Vue/Accueil/choixSaisieV0.php'; ?>
    			</div>
    					<br/>
    					<br /> 
    			<div>
    					<a href="https://developer.mozilla.org/fr/docs/Web/Guide/HTML/Formulaires/Mon_premier_formulaire_HTML">exemple formulaire</a><br/>
    					<a href="http://forum.lesite.com/topic-5-49009-1-AJAX-changer-le-contenu-dune-div-au-clic-avec-parametres-SQL.html">changer le div avec jquery</a>
    			</div>
    		</article>
     
    		<article id="corps12">
     
    			<h1>Saisie</h1>
     
    				<div id="monform">
    					<?php require_once '../Controleur/saisieSortie.php'; //listeParcours.php : Fabrication de la requête SELECT?>
    				</div>
     
    		</article>
     
    </section>
     
    </body>
    Code choixSaisie : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <h1>Colonne de gauche</h1>
    	<div>
    		<li><a href="#" onclick="javascript:choix_form('../Controleur/saisieSortie.php');">saisieSortie</a> </li><br/>
    		<li><a href="#" onclick="javascript:choix_form('../Controleur/saisieSortieBis.php');">saisieSortieBis</a> </li><br/>
    		<li><a href="#" onclick="javascript:choix_form('../Controleur/saisieParcours.php');">saisieParcours</a></li><br/>
    		<li><a href="#" onclick="javascript:choix_form('../Controleur/saisieParcoursBis.php');">saisieParcoursBis</a></li><br/>
    		<li><a href="#" onclick="javascript:choix_form('../Controleur/velos.php');">Vélos</a></li><br/>
    		<li><a  id = "lien" href="#" onclick="javascript:choix_form('../Controleur/multisports.php');">Multisports</a></li><br/>
    	</div>
     
    						<?php require_once '../Outils/calculette.html';?>
    Code reqAfficheMultisports : 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
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    <h1>Colonne de gauche</h1>
     
    <script type="text/javascript"> console.log('Dom est prêt!');	</script>
    <!--<script src = "../Contenu/jquery.1.11.3.js"></script>-->
    <script src = "../Contenu/CRUD.js"></script>
    <script type="text/javascript">  
     
    			$(document).ready(function(){ 
     
    			$('#msport').html('Nouveau sport : ');
     
    			$('tr:nth-child(even)').addClass('style1');
    			$('tr:nth-child(odd)').addClass('style2');
     
    			$('.idModif').on('click',function(){
            $('#msport').html('Modifier sport : ');
    		$("#courriel").attr("value","monEmail");  
     
        });
     });
     
     
    	</script>
    	<link rel="stylesheet" type="text/css" href="../Contenu/CRUD.css">
     
     
    <?php
    require_once '../CONFIG/constantes.php';
    //require_once 'form_parcours.php';
    require_once MYSQL2;
     
    //print_r($_POST);
     
    // Fabrication de la requête SELECT
    $ma_requete = "SELECT * FROM multisports ORDER BY id_multisports; ";
     
      
    // Connexion au serveur mysqli et selection de la base "ma_base"
    $db_link = connect();
     
    // Envoi de la requête
    $rTables=mysqli_query($db_link,$ma_requete) or die(mysqli_error($db_link));
      
    //affichage des données
                    echo '<table>';
                    
                            echo '<tr><td>id_multisports</td><td>Multisport</td><td></td></tr>';
     
                            while($Valeur = mysqli_fetch_assoc($rTables))
                            {
                            
                                            echo '<tr><td><a class="idModif" data-id="'.$Valeur['id_multisports'].'"href="#">'.$Valeur['id_multisports'].'</a></td>
                                            <td>'.$Valeur['nom_multisports'].'</td>
                                            <td><a href="../BDD/reqCRUD.php?action=D&table=multi&id='.$Valeur['id_multisports'].'">Supprimer</a></td></tr>';
                        // on affiche les informations de l'enregistrement en cours
     
                            }
                            echo '</table>';
                                    echo 
                                                            <form name="formulaire" method="post" action="../BDD/reqCRUD.php?action=C">
                                                                    <label id="msport" >Coucou</label>
                                                                    <input name="multi" type="text" id="multi" >
                                                                    
                                                                    <input type="submit" name="Submit" value="Envoyer">
    
                                                            </form>
    ';
            echo "\n";
     
      // Déconnexion
      mysqli_close($db_link);
     
    echo '<script type="text/javascript">           alert(\'Dom est prêt!\');      
    </script>';
     
    ?>
     
    <script>
    $(document).ready(function(){ 
    	$('body').on( 'click', '#msport', fonction(){
    		alert('Qui est là ?');
    	);
    });
    </script>

  10. #10
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    1/
    Citation Envoyé par 69Pierre Voir le message
    ...d'où ma question sur une autre discussion vite "sanctionné" par jreaux62.
    Oui je sanctionne, je tacle, je botte en touche et mets des cartons rouges ! Je fouette aussi de temps en temps...

    2/
    Citation Envoyé par 69Pierre Voir le message
    Je ne sais et il n'y guère précisé, ce que l'on génère avec des includes ou des require_once au niveau des balises HTML et de leur ordre sachant que comme le code est interprété de manière linéaire.
    La réponse est simple. On ne "génère" rien de spécial avec un include ou un require_once :
    tout se passe comme si le contenu des fichiers inclus était directement écrit dans le fichier incluant.

    3/
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <?php
    //[...]
    require_once ((__DIR__).'/Accueil/header.php' );
    require_once ((__DIR__).'/Accueil/footer.php' );
    ?>
     
    <!DOCTYPE html>
    <html>
    J'ai du mal à comprendre comment/pourquoi tu inclus le header et footer (HTML ?) AVANT le <!DOCTYPE html>...

    Conséquemment à ce que j'ai dit plus haut, un include (ou require_once) d'un fichier contenant du HTML doit se faire A L'ENDROIT où ce contenu HTML doit être affiché.

    4/ Enfin, dans les fichiers inclus, il ne faut pas mettre les balises <body><head>... quand elles sont DÉJÀ présentes dans le fichier incluant.

  11. #11
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juin 2014
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 59
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Juin 2014
    Messages : 744
    Par défaut
    Pour que mes require_once soient cohérents au niveau du DOM, il faudrait que je fasse un require_once de index.php dans gabarit.php mais du coup faire l'include dans le template... c'est pas l'idée.

    Code index.php : 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
    <section class="corps1">
    	<article id="corps11">
    		<h1>Totaux</h1>
    		<p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            <p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.
            Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.
            <p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            <p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            <p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
     
     
    		<p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            <p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.
            Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.
     
    	</article>
     
    	<article id="corps12">
    		<h1>Choix de l'affichage</h1>
    		<p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            <p>Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.</p>
            Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.
            Integer ut libero sit amet enim blandit consequat. Etiam purus justo, lacinia dapibus odio id, sollicitudin placerat nibh. Nam in magna a lectus blandit viverra. Sed commodo sit amet magna sed ultrices. Vivamus malesuada ipsum mi, vulputate blandit sem faucibus nec. Aenean feugiat urna est, eget sagittis velit fermentum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed eros aliquet, mattis nibh ut, convallis leo. Maecenas elementum congue mi ut venenatis. Aliquam euismod orci velit, a ultricies nisi dapibus eu. Nam accumsan dictum urna condimentum commodo. Nullam vitae risus eget urna accumsan dignissim. Donec vel lobortis mi, eget dictum lectus. Etiam placerat velit magna, sed porta tortor auctor sed.
     
    	</article>
     
    </section>
     
    <section class="alone">
     
    	<article id="corps2">
    		<h1>Affichage de 4 temps/parcours de référence</h1>
    		dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
    	</article>
    </section>
    Code gabarit.php : 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
    <?php
    require_once ((dirname(__DIR__)).'/Config/constantes.php');
    ?>
     
    <!DOCTYPE html>
    <html>
     
    <head>
    <meta charset="utf-8" />
    <title>Sports</title>
     
    <meta charset="utf-8" />
    		<link rel="stylesheet" type="text/css" href="<?php echo NORMALIZE2; ?>">
    		<link rel="stylesheet" type="text/css" href="<?php echo STYLE2; ?>">
     
    <script src = "../Contenu/jquery.1.11.3.js"></script>
     
    <script src="../Contenu/htmlJsCss.js"></script>
    <script src="/Projet/Contenu/choix_form.js"></script>
    <script src="../Outils/afficher_cacher.js"></script>
    </head>
    <body>	
    <?php require_once ((__DIR__).'/Accueil/header.php' ); ?>
     
    <?php require_once ('index.php' ); ?>
     
    <?php require_once ((__DIR__).'/Accueil/footer.php' ); ?>
    </body>
    </html>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Récupérer des données de jquery avec php
    Par Mo_Poly dans le forum jQuery
    Réponses: 3
    Dernier message: 08/10/2009, 17h54
  2. Réponses: 8
    Dernier message: 08/10/2009, 11h31
  3. Jquery,Ajax,PHP et transfert de donnée
    Par Samolo dans le forum jQuery
    Réponses: 2
    Dernier message: 14/09/2009, 05h36
  4. Encodage de JQUERY vers PHP
    Par mica94 dans le forum jQuery
    Réponses: 2
    Dernier message: 26/08/2009, 20h15
  5. jQuery + Ajax + PHP (PB avec l'url)
    Par JeePI196 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 25/04/2009, 19h22

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