Discussion :

[jules_diedhiou]

voici mes url

<a href="recherche-article.php?categorie=ampoule">Ampoules</a><br>
<a href="recherche-article.php?categorie=plafoniers"> Plafonniers</a><br>
<a href="recherche-article.php?categorie=spots encastrés">Spots encatrés</a><br>
<a href="recherche-article.php?categorie=spots apparents">Spots apparents</a><br>
<a href="recherche-article.php?categorie=suspension">Suspensions</a><br>
<a href="recherche-article.php?categorie=lampe à poser">Lampes à poser</a><br>

et j'aimerai que dans fonction ajax recupérer le valeur de l'url
voici mon fichier rechercher-article.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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<?php
include "body.php";
?>
<link rel="stylesheet" type="text/css" href="media/style.css">
<style>
form.ajax p{
	margin:20px 0;
	text-align:center;
}
form.ajax label{
	font-size:16px;
	font-weight:bold;
	padding:3px;
}
form.ajax label span{
	font-size:12px;
	color:#777;
}
form.ajax input{
	width:500px;
	padding:3px;
	border:1px solid #aaa;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	height:22px;
	line-height:22px;
}
#ajax-loader{
	margin:15px auto 0 auto;
	display:block;
}
div.article-result{
	padding:2px 5px 5px 5px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
div.article-result p.url{
	color:#777;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript">
$(document).ready( function() {
  // détection de la saisie dans le champ de recherche
  $('#q').keyup( function(){
    $field = $(this);
    $('#results').html(''); // on vide les resultats
    $('#ajax-loader').remove(); // on retire le loader
 
    // on commence à traiter à partir du 1ème caractère saisie
    if( $field.val().length > 0 )
    {
      // on envoie la valeur recherché en GET au fichier de traitement
      $.ajax({
  	type : 'GET', // envoi des données en GET ou POST
	url : 'ajax-search.php' , // url du fichier de traitement
	data : 'q='+$(this).val()+'&categorie=' +valeur , // données à envoyer en  GET ou POST
	beforeSend : function() { // traitements JS à faire AVANT l'envoi des 
		$field.after('<img src="ajax-loader.gif" alt="loader" id="ajax-loader" />'); // ajout d'un loader pour signifier l'action
	},
	success : function(data){ // traitements JS à faire APRES le retour d'ajax-search.php
		$('#ajax-loader').remove(); // on enleve le loader
		$('#results').html(data); // affichage des résultats dans le bloc
	}
      });
    }		
  });
});
</script>
<style type="text/css">
#apDiv1 {
	position:absolute;
	width:800px;
	height:30px;
	z-index:1;
	left: 270px;
	top: 111px;
}
</style>
 
<!--debut du formulaire-->
<form class="ajax" action="recherch-article.php" method="get">
	<div id="apDiv1">
 
		<label for="q">Rechercher un article</label>
		<input type="text" name="q" id="q" />
 
 
    <div id="results">
 
</div>
  </div>
</form>
<!--fin du formulaire-->
 
<!--preparation de l'affichage des resultats-->

et voici mon fichier ajax-search.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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<?php
//connexion à la base de données 
define('DB_NAME', 'bd_outil_devis');
define('DB_USER', 'root');
define('DB_PASSWORD', '');
define('DB_HOST', 'localhost');
 
 
$categorie = @$_GET["categorie"]; 
$link   =   mysql_connect( DB_HOST , DB_USER , DB_PASSWORD );
mysql_select_db( DB_NAME , $link );
 
//recherche des résultats dans la base de données
$result =   mysql_query( "SELECT code_article,designation,prix_unitaire,type_article 
                          FROM articles
                          WHERE  type_article ='$categorie' and code_article LIKE \"" . safe( $_GET['q'] ) . "%\"   LIMIT 0,50" );
 
 
// affichage d'un message "pas de résultats"
if( mysql_num_rows( $result ) == 0 )
{
?>
    <h3 style="text-align:center; margin:10px 0;">Pas de r&eacute;sultats pour cette recherche</h3>
<?php
}
else
{ ?>
  <div class="article-result">
 <table width="800" align="center" cellpadding="5" cellspacing="2" class="main" >
        <tr valign="baseline">
          <td class="datatdt">Image</td>
             <td class="datatdt">Référence</td>
          <td class="datatdt">Désignation</td>
                <td class="datatdt">Prix Unitaire</td> 
                <td class="datatdt">Famille</td> 
        <td ></td> 
 
        </tr>
        <?php
    // parcours et affichage des résultats
    while( $post = mysql_fetch_object( $result ))
    {
                $filename ='images/'.$post->code_article.'.png';
                
                if (file_exists($filename)) { 
   $imagefile = "images/".$post->code_article.".png";
   $image ="<img src=".$imagefile . " width=100 height=100 />";
} else { 
  $image = "Pas d'image";
} 
    ?>
 
 
        <tr>
        <td class="datatdt"><?php echo $image; ?>  </td>
 
            <td class="datatd"><?php echo $post->code_article; ?></td>
            <td class="datatd"><?php echo $post->designation; ?></td>
 
            <td class="datatd"><?php echo ''.$post->prix_unitaire.' FCFA'; ?></td>
             <td class="datatd"><?php echo $post->type_article ; ?></td>
        <td class="datatd"><a href="edit_article.php?code_cde=<?php echo $post->code_article;?>">Editer</a></td>
                </tr>
        </div>
    <?php
    }
}
 
/*****
fonctions
*****/
function safe($var)
{
        $var = mysql_real_escape_string($var);
        $var = addcslashes($var, '%_');
        $var = trim($var);
        $var = htmlspecialchars($var);
        return $var;
}
?>

j'arrive a récupérer la valeur de l'url mais je récupére seulement la valeur saisie dans le formulaire
Merci

[jules_diedhiou]

Solution trouvé j'ai juste un petit code php sur l'url qui doit faire le traitement

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
 
<script type="text/javascript">
 
 
$(document).ready( function() {
  // détection de la saisie dans le champ de recherche
  $('#q').keyup( function(){
    $field = $(this);
    $('#results').html(''); // on vide les resultats
    $('#ajax-loader').remove(); // on retire le loader
 
    // on commence à traiter à partir du 1ème caractère saisie
    if( $field.val().length > 0 )
    {
      // on envoie la valeur recherché en GET au fichier de traitement
      $.ajax({
  	type : 'GET', // envoi des données en GET ou POST
url : "ajax-search.php?categorie=<?php echo $_GET['categorie']; ?>"  , // url du fichier de traitement
	//alert(url);
	data : 'q='+$(this).val() , // données à envoyer en  GET ou POST
	beforeSend : function() { // traitements JS à faire AVANT l'envoi des 
		$field.after('<img src="ajax-loader.gif" alt="loader" id="ajax-loader" />'); // ajout d'un loader pour signifier l'action
	},
	success : function(data){ // traitements JS à faire APRES le retour d'ajax-search.php
		$('#ajax-loader').remove(); // on enleve le loader
		$('#results').html(data); // affichage des résultats dans le bloc
	}
      });
    }		
  });
});
</script>