Un moteur de recherches qui renvoie à 1 ancre

Fermé
jcooleman Messages postés 8 Date d'inscription samedi 9 octobre 2010 Statut Membre Dernière intervention 22 octobre 2010 - Modifié par jcooleman le 9/10/2010 à 17:52
jcooleman Messages postés 8 Date d'inscription samedi 9 octobre 2010 Statut Membre Dernière intervention 22 octobre 2010 - 22 oct. 2010 à 14:51
Bonjour,
Voilà j'y ai passé un bon moment et je n'arrive toujours pas à résoudre mon problème, j'espère que vous pourrez m'aider! :)

J'utilise un moteur de recherche interne sur mon site et j'aimerai qu'à chaque recherche, on soit à chaque fois renvoyé vers mon ancre ("searchJC").

J'ai bien réussi à définir la localisation de mon ancre, mais je n'arrive pas à faire en sorte que le fait de lancer la recherche entraine aussi dans le même temps le déplacement de la page vers mon ancre.




Voilà le code HTML de mon moteur de recherches :


------------
<div id="searchJC">
</div>

<form id="searchthis" action="http://thebnkrs.blogspot.com/search" style="display: inline;" method="get">
<div style="text-align: center;">
<span style="font-size: large;"><b style="color: blue;"></b></span></div>
<div style="text-align: center;">
<input id="b-query" maxlength="250" name="q" size="20" type="text" /></div>
<div style="text-align: center;">
<input id="b-searchbtn" value="Rechercher sur le blog" type="submit" /></div>
</form>
-------------

A savoir que j'ai mis mon ancre à la hauteur de mon moteur de recherches qui est sur le coté de ma page (c'est pourquoi l'ancre est au début du code ci-dessus).
Maintenant j'aimerai que le lien de mon ancre soit confondue avec le lancement d'une recherche sauf que je ne sais pas où placer mon :

<a href="#searchJC"></a>

Quoi que je fasse, je suis toujours renvoyé en haut de page après une recherche! Ce problème me semble tout simple, ce qui me frustre d'autant plus!!!

Que faire tudieu!!



Merci d'avance,

J.



5 réponses

jcooleman Messages postés 8 Date d'inscription samedi 9 octobre 2010 Statut Membre Dernière intervention 22 octobre 2010
Modifié par jcooleman le 9/10/2010 à 17:54
Je vais même faire encore plus simple :
comment faire en sorte que mon site renvoie toujours à cette ancre quelque soit la page? (j'ai vu que c'était possible en CSS mais je ne vois pas trop où on insère du CSS sur blogspot..)
0
duweb Messages postés 353 Date d'inscription dimanche 30 mai 2010 Statut Membre Dernière intervention 6 mars 2014 72
10 oct. 2010 à 00:09
record de la question incompréhensible battu.
es-tu sûr de savoir ce qu'est un lien avec une ancre ?

1- il est normal que ta page se recharge suite à une recherche puisque c'est ce que tu as défini dans ta balise form avec la valeur action="http://thebnkrs.blogspot.com/search"

2- créer une ancre :
<a name="lien_ancre">bla bla bla bla </a><!-- ancre -->
<a href=#lien_ancre">voir le lien ancre</a><!-- lien vers l'ancre -->
0
jcooleman Messages postés 8 Date d'inscription samedi 9 octobre 2010 Statut Membre Dernière intervention 22 octobre 2010
Modifié par jcooleman le 10/10/2010 à 00:43
Désolé si je n'ai pas été clair.

1) C'est le problème auquel je pensais être confronté, comment éviter ca? Ou si tu préfères : comment faire en sorte que ma recherche ait lieu, mais au niveau de l'ancre que j'ai donnée?
2) Je sais comment marche une ancre mais je pensais qu'il était possible de l'insérer au milieu du code d'un widget pour qu'il y ait deux actions : d'abord le résultat de la recherche puis la position sur la page.

PS : c'est mon tout premier blog, et c'est presque ma toute première expérience en html.
0
duweb Messages postés 353 Date d'inscription dimanche 30 mai 2010 Statut Membre Dernière intervention 6 mars 2014 72
10 oct. 2010 à 01:07
1 - ce n'est pas une ancre mais un bloc div que tu as créee
2 - "inserer au milieu du code d'un widget" : quand on sait coder; tout est possible
3 - la solution à ton pb est de renvoyer le résultat sans recharger la page. tu dois utiliser ajax
un bon tutoriel pour comprendre ajax:
https://developer.mozilla.org/fr/docs/Web/Guide/AJAX
et un framework pour utiliser facilement php+ajax :
http://www.xajax-project.org/en/home/
3a - si tu travailles uniquement en html, tu peux aussi utiliser un framework javascript comme jquery qui permet aussi de renvoyer des résultat en ajax
4 - évite d'utiliser des termes techniques à tout va surtout si tu n'y connais rien(pour l'instant :-)). au final tes questions sont du charabia. ce n'est pas un reproche mais un conseil
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
jcooleman Messages postés 8 Date d'inscription samedi 9 octobre 2010 Statut Membre Dernière intervention 22 octobre 2010
Modifié par jcooleman le 10/10/2010 à 14:03
1- en effet.
2- :)
3a- Si j'ai bien compris, jquery permet d'utiliser notamment Ajax sous forme de JavaScript?
4- Tu as bien raison (mais c'est en forgeant qu'on devient forgeron ^^)

Concernant l'installation de jquery, j'ai telechargé Jquery et j'ai ajouté une ligne juste avant </head> dans mon script html :

<script src='desktop/jquery-1.4.2.min.js' type='text/javascript'/>

Est-ce que jusque là c'est tout bon pour l'installation?
0
jcooleman Messages postés 8 Date d'inscription samedi 9 octobre 2010 Statut Membre Dernière intervention 22 octobre 2010
Modifié par jcooleman le 10/10/2010 à 13:49
PS : mon site est un blogspot et je ne sais pas si j'ai accès au coté serveur. Je crois que c'est nécessaire pour utiliser Ajax mais Jquery m'évite ce problème non?
0
duweb Messages postés 353 Date d'inscription dimanche 30 mai 2010 Statut Membre Dernière intervention 6 mars 2014 72
Modifié par duweb le 10/10/2010 à 14:13
3a - pour comprendre ce qu'est ajax, lit simplement l'introduction de cette page qui est très claire :
https://developer.mozilla.org/fr/docs/Web/Guide/AJAX

avant de pouvoir utiliser ajax, il faut comprendre comment ca fonctionne. jquery n'est qu'un outil facilitant son utilisation mais il est indispensable de compendre le fonctionnement d'ajax. :
https://developer.mozilla.org/fr/docs/Web/Guide/AJAX/Premiers_pas

beaucoup de lecture en perspective mais tu verras qu'ajax est très simple à comprendre si tu maitrise déja html et javascript

tu peux ausii chercher : "jquery ajax" sur google. par exemple :
http://www.snoupix.com/initiation-a-ajax-avec-jquery-partie-1_tutorial_20.html

pour blogspot je ne connais pas. il faudrait lire les limites permises dans les cgu
0
jcooleman Messages postés 8 Date d'inscription samedi 9 octobre 2010 Statut Membre Dernière intervention 22 octobre 2010
22 oct. 2010 à 14:51
Merci beaucoup, j'ai pas mal potassé mais je me suis rendu compte que j'ai pas accès au coté serveur sur blogspot, donc ca attendra que j'ai un "vrai" site!

En tout cas, merci,


J.
0