fonction attr href + variable php

Version imprimable

Bonjour,

Je génère une liste de fichier comme ceci
Code:

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:

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:

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

13/09/2012, 16h02
SpaceFrog
Code:

echo '<li><a href="force-download.php?file=fichier_pdf/" data-file="'.$Fichier.'" onclick="return writeRecherche(this);" class="fileDownload">'.$Fichier.'</a></li>';

avec
Code:

1 2 $("a.fileDownload").attr("href","force-download.php?file=fichier_pdf/"+$(this).data('file'));
13/09/2012, 16h21
Bovino

Citation:

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...)

Citation:

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...

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:

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:

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:

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:

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

13/09/2012, 17h02
SpaceFrog

Code:

$url = $(this).attr('href');

faut peut etre rajouter le file ?

Code:

$url = $(this).attr('href')+$(this).data('file');
13/09/2012, 17h43
macmicro

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
13/09/2012, 18h42
SpaceFrog

montre nous le html généré ...

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:

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>

var $url = "force-download.php?file=fichier_pdf/" + $( this ).data( "file" ); devrait fonctionner s'il fonctionnait avant !

live est obsolète !
Code:

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 });

14/09/2012, 00h24
macmicro
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:

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