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 :

fonction attr href + variable php


Sujet :

jQuery

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 18
    Par défaut fonction attr href + variable php
    Bonjour,

    Je génère une liste de fichier comme ceci
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <?php
            echo '<ul>';
    while ($Fichier = readdir($dossier)) //Affichage...
    {
            if ($Fichier != "." && $Fichier != "..")
            {
                    echo '<li><a href="force-download.php?file=fichier_pdf/'.$Fichier.'" onclick="return writeRecherche(this);" class="fileDownload">'.$Fichier.'</a></li>';
            }
    }
            echo '</ul>';
     
    ?>
    J'aimerais utiliser la fonction attr() de jquery

    Ce code me permet d'ajouter à la balise <a href le nom de la page avec paramètres d'url
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $("a.fileDownload").attr("href","force-download.php?file=fichier_pdf/");
    cela fonctionne

    Mais le problème est que si je supprime du href dans la boucle while (force-download.php?file=fichier_pdf/)
    il reste ('.$Fichier.')
    et je peux pas faire ceci
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $("a.fileDownload").attr("href","force-download.php?file=fichier_pdf/'.$Fichier.'");
    en fait lors du pointage sur le lien il considére la variable '.$Fichier.' comme du texte et non pas comme une variable php

    Alors j'ai essayé quantité de méthode pour faire cela, et fait beaucoup de recherche, mais en vain

    Le but de ceci, pour moi et de na pas voir le lien en tant que tel dans le code source, mais un href vide du fait qu'il serait ajouté avec JQuery

    Selon vous est il possible d'ajouter une variable php tel que celle ci ('.$Fichier.') dans dans la fonction attr() à la suite de l'url ?

    car en mettant cette variable à la suite du lien dans la fonction attr() ce sont les simples quotes et point qui pose problème.

    Sinon je laisserai comme à l’origine, merci à vous

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    echo '<li><a href="force-download.php?file=fichier_pdf/" data-file="'.$Fichier.'" onclick="return writeRecherche(this);" class="fileDownload">'.$Fichier.'</a></li>';
    avec
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $("a.fileDownload").attr("href","force-download.php?file=fichier_pdf/"+$(this).data('file'));
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    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 : 54
    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
    lors du pointage sur le lien il considére la variable '.$Fichier.' comme du texte et non pas comme une variable php
    Ben oui... JavaScript commence son exécution après que PHP ait fini la sienne... C'est la notion de code client et de code serveur (sans compter que je vois pas trop comment JavaScript pourrait interpréter du PHP...)

    Le but de ceci, pour moi et de na pas voir le lien en tant que tel dans le code source, mais un href vide du fait qu'il serait ajouté avec JQuery
    C'est complètement illusoire... Ton lien sera forcément visible à un moment ou un autre...
    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

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 18
    Par défaut
    Re bonjour,

    Merci de votre réponse, effectivement j'en été pas loin avec tous mes essais, mais j'avais pas fait ça.

    En revanche si j'utilise votre code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $("a.fileDownload").attr("href","force-download.php?file=fichier_pdf/"+$(this).data('file'));
    et que je remplace mon lien dans le echo par le votre
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    echo '<li><a href="force-download.php?file=fichier_pdf/" data-file="'.$Fichier.'" onclick="return writeRecherche(this);" class="fileDownload">'.$Fichier.'</a></li>';
    au pointage du lien il me dit undefined

    le fait d'utiliser la fonction attr() ci dessus, dois je obligatoirement, je pense que non laisser l'url dans le href du echo ?
    De plus je pense pas que je puisse mettre ce code comme ca dans la fonction document ready
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $("a.fileDownload").attr("href","force-download.php?file=fichier_pdf/"+$(this).data('file'));
    j'ai essayé de le mettre dans la fonction sucess() mais ne fonctionne pas

    je vous donne ci dessous le code qui fait l'action sur le lien qui permet d'ouvrir une boite modale
    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
     
    $('.fileDownload').live('click',function(e){
    		  e.preventDefault();
     
    		  $url = $(this).attr('href');
    		  $.ajax({
    			  type: 'GET',
    			  url: $url,
    			  success: function(data){
    					 if(data == true){
    					  $( "#error-modal" ).dialog( "open" );
    					 }else{
    					   $( "#preparing-file-modal" ).dialog( "open" );
     
    					   $.getJSON(
    						  'json_encoded_array.php',
    						  {chaine: $('#chaine').val()},
    						  function(data){
    							  $('#retour').hide();
    							  $('#retour').html('')
    								  .append('<b>Nom</b> : '+data.chaine+'<br>')
    								  .append('<b>Taille</b> : '+data.taille+'<br>')
    								  .append('<b>Type</b> : '+data.type+'<br>')
    								  .append('<b>Date</b> : '+data.date+'<br>');
    							  $('#retour').fadeIn();
    						  }
    					  );
     
    				  setTimeout(function(){$( "#preparing-file-modal" ).dialog("close")},5000);
    					 }
    			  }
    		  });
      	});
    merci encore et de mon coté je continue de chercher

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     $url = $(this).attr('href');
    faut peut etre rajouter le file ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     $url = $(this).attr('href')+$(this).data('file');
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 18
    Par défaut
    Oui d'accord, mais j'ai toujours undefined, pourtant j'ai rajouté le file à la variable $url et placé la fonction attr() au dessus de la fonction, ce qui fait quand j'affiche la boite modale elle me dit (fichier non trouvé).
    La ca fait un bon moment que je suis la dessus, j'aurais aimé que cela fonctionne il doit y avoir un autre soucis ailleurs, mais bon je continue de chercher et de tester. bonne soirée

  7. #7
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    montre nous le html généré ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  8. #8
    Membre averti
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 18
    Par défaut
    Je vous montre une partie du code html généré car j'ai pas mis tous les fichiers de boucle while car ils sont tous pareils

    on voit bien dans data-file"" le nom du fichier, mais quand on pointe sur le fichier la boite modale n'a pas le nom du fichier après le lien.
    ce qui que j'ai ceci au pointage force-download.php?file=fichier_pdf/undefined
    car dans le code jquery il ne trouve pas ou plutot n'associe pas le fichier au lien.
    dans le href il y a rien car le lien est attribuer par la fonction attr(), j'ai essayé avec et sans c'est pareil.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <ul>
    <li><a href="" data-file="apache_xampp.rar" onclick="return writeRecherche(this);" class="fileDownload">apache_xampp.rar</a></li>
    <li><a href="" data-file="apache_xampp.txt" onclick="return writeRecherche(this);" class="fileDownload">apache_xampp.txt</a></li>
    <li><a href="" data-file="browser.jpg" onclick="return writeRecherche(this);" class="fileDownload">browser.jpg</a></li>
    </ul>

  9. #9
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    var $url = "force-download.php?file=fichier_pdf/" + $( this ).data( "file" ); devrait fonctionner s'il fonctionnait avant !

    live est obsolète !

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $( "body" ).on( "click", "a.fileDownload", function( e ){
    	e.preventDefault();
     
    	var $url = "force-download.php?file=fichier_pdf/" + $( this ).data( "file" );
     
    	// etc
    });

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  10. #10
    Membre averti
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 18
    Par défaut
    Bonsoir

    Après avoir laché ce code quelques heures, j'ai finalement trouvé la solution.
    A force de chercher (j'aime cela) on trouve

    Voici ce que j'ai fait :
    j'ai laissé dans mon lien ceci data-file="'.$Fichier.'"

    J'ai aussi modifier ma fonction commme le précise danielhagnoul

    au dessus de cette fonction j'ai fait ceci par tatonnement
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    $('a').attr('href',function(i,href){
      			return 'force-download.php?file=fichier_pdf/'+href+ $( this ).data( "file" );
    		});
    ce qui fait que dans mon echo href="" est vide dans ma boucle while

    et avec le code ci dessus, ca fonctionne parfaitement, je n'ai plus undefined sur les liens
    et quand je pointe sur le lien j'ai bien le lien entier avec le bon nom du fichier

    donc je met cette solution qui peut servir à quelqu'un, il est vrai commme disait Bovino c'est illusoire de cacher ou de ne pas montrer le lien dans le code source
    mais au moins cela m'aura permis d'apprendre des choses nouvelles grâce à l'échange effectué.

    Voilà merci encore

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

Discussions similaires

  1. Réponses: 10
    Dernier message: 02/07/2012, 17h30
  2. Fonction mail() et variable PHP.
    Par Mck698 dans le forum Langage
    Réponses: 2
    Dernier message: 06/06/2012, 15h02
  3. Réponses: 3
    Dernier message: 06/05/2012, 06h55
  4. Bouton lancement fonction JS avec variable PHP
    Par LePueblo dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 21/10/2008, 14h12
  5. fonction javascript et variables php
    Par esther60 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 03/04/2008, 08h12

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