jQuery autocomplete & liens

[Gaetan_]

Bonjour,

J’utilise l'autocomplétition :
http://code.google.com/p/jquery-auto...ate%253Dclosed

Tout marche à la perfection à l'exception des liens qui ne sont pas interprétés, pas "cliquables".
J'ai donc avant de vous sollicité fait mes recherches et obtenu un mieux :
les résultats de l'autocomplétition sont cliquables, mais je n'arrive pas à obtenir le résultat escompté.

Pour être plus précis, voici en partie mon code :
1 - mon fichier php (f_autocomplete.php) :

Code php :

1
2
3
4
5
6
7
8
9
10
11
12
<?php
include("privateu/mysql_connect.php3.inc");
$q = strtolower($_GET["q"]);
if (!$q) return;
$q = mysql_real_escape_string($q);
$rsd = mysql_query("select DISTINCT titre as titre, articleID from articles where titre LIKE '%$q%'");
while($rs = mysql_fetch_array($rsd)) {
	$articleID = $rs['articleID'];
	$titre = $rs['titre'];
	echo "<A HREF='http://www.monsite.com/article.php?articleID=$articleID'>$titre</A>\n";
}
?>

Mon Javascript :

Code js :

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
$().ready(function() {
$("#course").autocomplete("f_autocomplete.php", {
    width: 260,
    formatItem: function(data) {
            return data[0];
          }
        }).result(function(event, data) {
     window.location.href = data[0];
});
});
</script>

Conclusion :
Les liens sont cliquables mais deviennent :

http://localhost/<HREF='http://www.site.com/article.php?articleID=62...montitre...

Quelqu'un pourrait il m'aider à résoudre ce problème ?
En espérant qu'il puisse servir à d'autres...

Merci !

[rotrevrep]

bonsoir
dans ton code PHP, tu écris :

Code :

echo "<A HREF='http://www.monsite.com/article.php?articleID=$articleID'>$titre</A>\n";

tu devrais plutôt faire :

Code :

echo "http://www.monsite.com/article.php?articleID=$articleID";

afin d'avoir le lien.
puis dans ton code javascript :

Code :

1
2
3
4
5
6
7
8
9
10
11
 
$().ready(function() {
$("#course").autocomplete("f_autocomplete.php", {
    width: 260,
    formatItem: function(data) {
            return '<a href="'+data[0]+'"></a>';
          }
        }).result(function(event, data) {
     window.location.href = data[0];
});
});

ce qui devrait normalement t'afficher les liens puis faire fonctionner correctement le location.href

[Gaetan_]

Merci pour ta réponse, ça y est presque !!!
Les liens marchent parfaitement mais leurs intitulés sont vierges (des blancs).

J'imagine alors qu'il faut bien sur les déclarer du genre :

Code js :

1
2
3
4
5
6
7
8
9
10
$().ready(function() {
$("#course").autocomplete("f_autocomplete.php", {
    width: 260,
    formatItem: function(data) {
            return '<a href="'+data[0]+'">'+data[1]+'</a>';
          }
        }).result(function(event, data) {
     window.location.href = data[0];
});
});

Mais comment faire pour déclarer ma variable data[1] dans le résultat de ma requête ?

Code :

1
2
3
4
5
6
7
8
9
10
11
12
<?php
include("privateu/mysql_connect.php3.inc");
$q = strtolower($_GET["q"]);
if (!$q) return;
$q = mysql_real_escape_string($q);
$rsd = mysql_query("select DISTINCT titre as titre, articleID from articles where titre LIKE '%$q%'");
while($rs = mysql_fetch_array($rsd)) {
	$articleID = $rs['articleID'];
	$titre = $rs['titre'];
echo "http://www.monsite.com/article.php?articleID=$articleID";
}
?>

Je suis désolé, mes connaissances en JS sont un peu maigres ;(

Merci, merci !

[rotrevrep]

j'ai déjà eu ce problème là :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<?php
include("privateu/mysql_connect.php3.inc");
$q = strtolower($_GET["q"]);
if (!$q) return;
$q = mysql_real_escape_string($q);
$rsd = mysql_query("select DISTINCT titre as titre, articleID from articles where titre LIKE '%$q%'");
while($rs = mysql_fetch_array($rsd)) {
	$articleID = $rs['articleID'];
	$titre = $rs['titre'];
//tu peux choisir un autre caractère que "§" pour séparer les paramètres :)
echo "http://www.monsite.com/article.php?articleID=$articleID"+"§"+$titre;
}
?>

puis dans ton code js :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$().ready(function() {
$("#course").autocomplete("f_autocomplete.php", {
    width: 260,
    formatItem: function(data) {
          var url = data[0].split('§')[0];
          var title = data[0].split('§')[1];
            return '<a href="'+url+'">'+title+'</a>';
          }
        }).result(function(event, data) {
     window.location.href = url;
});
});

[Gaetan_]

rhaaa tu es super.
Bon la fin est proche !
J'essaye de changer la concatenation et la rendre compatible à ton explode mais pas évident. car :

Code php :

echo "http://www.monsite.com/article.php?articleID=$articleID"+"§"+$titre;

M'affiche une série de '0'

Code :

echo 'http://www.monsite.com/article.php?articleID='.$articleID.'+"§"+'.$titre;

Marche bien en exécutant le script indépendamment, mais ne fonctionne pas avec le JS

Help !

Merci

[rotrevrep]

Envoyé par Gaetan_

rhaaa tu es super.
Bon la fin est proche !
J'essaye de changer la concatenation et la rendre compatible à ton explode mais pas évident. car :

Code php :

echo "http://www.monsite.com/article.php?articleID=$articleID"+"§"+$titre;

M'affiche une série de '0'

Code :

echo 'http://www.monsite.com/article.php?articleID='.$articleID.'+"§"+'.$titre;

Marche bien en exécutant le script indépendamment, mais ne fonctionne pas avec le JS

Help !

Merci

effectivement, je me suis trompé, c'est bien les points dans le code php ! par contre, comme tu utilises l'apostrophe, corrige comme ceci :

Code :

echo 'http://www.monsite.com/article.php?articleID='.$articleID.'§'.$titre;

[Gaetan_]

Merci à toi pour ton obstination.
Je crois que je vais laisser tomber peut etre m'orienter sur une autre solution :

Le lien est présent et fonctionne mais il m'affiche le titre suivi du lien

montitrehttp://www.monsite.com/article.php?articleID=99

Merci pour ton aide.

[rotrevrep]

de rien .