Avoir les moteurs de recherche d firefox dans une page web ?

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Jabe
Salamandre
Messages : 32
Inscription : 06 avr. 2008, 18:32

Message par Jabe »

Problème 4 résolu, j'arrive à changer l'icône des moteurs de recherche et ce même plusieurs fois dans la même page 8-) !

J'ai aussi quasiment résolu mon problème 2bis, c'est-à-dire que j'arrive maintenant à changer l'action de plusieurs formulaires dans la page.

Par contre j'ai un nouveau bug (2ter) qui est apparu j'ai:

Code : Tout sélectionner

&bouton.x=0&bouton.y=0&radio=on
qui se rajoute après certaines de mes requêtes.

Du coup mon problème 2 n'est pas entièrement résolu.

Mon code est toujours dispo ici (ou ici en zip)

J'ai avancé sur ma question 3 (changer le texte prérempli via un onclick), après quelques tests j'arrive à changer la valeur value=" (voir mon test en bas de page ici) mais ce qu'il faudrait que je change c'est title= et là ça ne passe pas.

Si quelqu'un pouvait m'aider ce serait sympa…

PS: Zefling ne m'abandonne pas s'il te plaît :roll: .
Jabe
Salamandre
Messages : 32
Inscription : 06 avr. 2008, 18:32

Message par Jabe »

Jabe a écrit :Par contre j'ai un nouveau bug (2ter) qui est apparu j'ai:

Code : Tout sélectionner

&bouton.x=0&bouton.y=0&radio=on
qui se rajoute après certaines de mes requêtes.
J'ai supprimé &bouton.x=0&bouton.y=0 ça venait de mon bouton submit et d'une erreur d'étourderie.

Par contre le &radio=on qui vient du fait que mes boutons radio sont cochés je n'arrive pas à l'enlever, il doit falloir que j'utilise autre chose que des boutons radios pour le choix, comme des images, mais ce serait dommage.

Alors comment faire en sorte que le fait que le bouton radio soit coché ne soit pas envoyé dans ma requête au moteur de recherche ?
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Pour le &radio=on c'est étrange, car normalement c'est le "name" qui est utilisé (tu aurais alors &vid_radio=on)
Peux-tu préciser la marche à suivre pour voir ce bug ?

Au passage, ça ne focntionne pas sans javascript, c'est dommage, ne pourrais-tu pas avoir une page de redirection plutôt que de changer la cible des formulaires ? :roll:
Jabe
Salamandre
Messages : 32
Inscription : 06 avr. 2008, 18:32

Message par Jabe »

calimo a écrit :Pour le &radio=on c'est étrange, car normalement c'est le "name" qui est utilisé (tu aurais alors &vid_radio=on)
Peux-tu préciser la marche à suivre pour voir ce bug ?
J'ai corrigé ce bug en partie, en fait ça venait de mon </form> qui était placé après mes boutons radios du coup ça prenait en compte l'état du bouton radio et son nom.

Pour voir ce bug va ici et lance une recherche avec le dernier moteur de recherche (le plus bas, Youtube ou autre), tu verras qu'à chaque recherche ça rajoute &vid_radio2=on (et vid_radio2 c'est le nom de mon bouton radio).

Seulement si je ferme le </form> avant mes boutons radio ça ne change pas le texte prérempli comme je cherche à le faire.
Si je ne met pas de nom à mes boutons radio je n'ai pas ce bug, mais si je fais ça lorsqu'un autre bouton radio est coché le précédent ne se décoche pas. Bref je règle un problème en en créant un autre :cry:.

Le texte prérempli que je veux changer c'est title="texte_de_remplacement" et non pas value="texte_de_remplacement" car title contrairement à value disparaît lorsque l'on clique dessus.
Pour cet effet j'ai repris ce code-ci mais il doit y avoir un conflit quelque part comme je l'explique en commentaire de mon code source car quand je dis de changer title par autre chose rien ne s'affiche dans ma page pourtant le code semble bon puisqu'il fonctionne quand je demande de changer value (et que je déplace </form>).

J'ai aussi un souci avec Dailymotion vu que ça prend en compte le input name="q" qui fonctionne avec Youtube et Google video mais avec Dailymotion, et si j'enlève le q aucune recherche ne fonctionne.
calimo a écrit : Au passage, ça ne fonctionne pas sans javascript, c'est dommage, ne pourrais-tu pas avoir une page de redirection plutôt que de changer la cible des formulaires ? :roll:
J'aimerais bien mais je ne sais pas comment faire d'où ma présence ici :roll: peux-tu me donner un exemple de code ?

Ça m'aiderait sans doute à résoudre pas mal de bugs.
Jabe
Salamandre
Messages : 32
Inscription : 06 avr. 2008, 18:32

Message par Jabe »

J'ai changé un peu le code et maintenant le texte change bien lors du clic (voir en bas de page ici) seulement comme avant ça m'envoie la valeur de mes boutons radio (il y a &vid_radio2=on qui se rajoute).
Si je déplace </form> je n'ai pas ce souci mais le script pour changer l'action et le texte ne fonctionnent plus.

D'ailleurs il manque encore quelque chose à mon script de changement de texte, quand je clique dans le champ le texte pré-rempli s'enlève quand Youtube est coché mais pas quand les autres boutons le sont.

Le code actuel qui permet d'enlever le texte est:

Code : Tout sélectionner

.focus(function() {
	if (this.value == dynamic_value) {
		this.value = '';
		$(this).removeClass(def_class);
	}
})
Il faudrait l'améliorer mais comment ?

J'ai tenté de repartir à zéro en faisant des recherches sur le net, je me suis inspiré de:

http://www.microapp.com/astuce_4_creati ... _page.html
Code expliqué plus en détail (en anglais) ici:
http://www.htmlgoodies.com/beyond/javas ... hp/3471771
http://www.htmlgoodies.com/beyond/javas ... hp/3471781
http://www.htmlgoodies.com/beyond/javas ... hp/3471791

Avec ce code que j'ai testé ici j'arrive à lancer des recherches correctement, seulement elles s'ouvrent dans une nouvelle fenêtre (ou onglet) alors que je souhaiterais que ça se charge dans la même page, je sais que ça vient de window.open mais quand je l'enlève ça ne fonctionne pas et je ne sais pas par quoi le changer.

De toutes façons avec ce test de v2 j'ai d'autres soucis de validation xhtml strict et la fonction avec texte prérempli ne passe plus du tout. Donc autant essayer de régler les problèmes de la v1, mais j'en parle juste au cas où ça puisse servir à ça justement.

Merci pour votre aide.

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; fr; rv:1.9.1b2) Gecko/20081201 Firefox/3.1b2
bormat
Varan
Messages : 1545
Inscription : 01 juil. 2008, 18:22

Message par bormat »

Jabe a écrit :J'ai changé un peu le code et maintenant le texte change bien lors du clic (voir en bas de page ici) seulement comme avant ça m'envoie la valeur de mes boutons radio (il y a &vid_radio2=on qui se rajoute).
Si je déplace </form> je n'ai pas ce souci mais le script pour changer l'action et le texte ne fonctionnent plus.

D'ailleurs il manque encore quelque chose à mon script de changement de texte, quand je clique dans le champ le texte pré-rempli s'enlève quand Youtube est coché mais pas quand les autres boutons le sont.

Le code actuel qui permet d'enlever le texte est:

Code : Tout sélectionner

.focus(function() {
	if (this.value == dynamic_value) {
		this.value = '';
		$(this).removeClass(def_class);
	}
})
Il faudrait l'améliorer mais comment ?

J'ai tenté de repartir à zéro en faisant des recherches sur le net, je me suis inspiré de:

http://www.microapp.com/astuce_4_creati ... _page.html
Code expliqué plus en détail (en anglais) ici:
http://www.htmlgoodies.com/beyond/javas ... hp/3471771
http://www.htmlgoodies.com/beyond/javas ... hp/3471781
http://www.htmlgoodies.com/beyond/javas ... hp/3471791

Avec ce code que j'ai testé ici j'arrive à lancer des recherches correctement, seulement elles s'ouvrent dans une nouvelle fenêtre (ou onglet) alors que je souhaiterais que ça se charge dans la même page, je sais que ça vient de window.open mais quand je l'enlève ça ne fonctionne pas et je ne sais pas par quoi le changer.

De toutes façons avec ce test de v2 j'ai d'autres soucis de validation xhtml strict et la fonction avec texte prérempli ne passe plus du tout. Donc autant essayer de régler les problèmes de la v1, mais j'en parle juste au cas où ça puisse servir à ça justement.

Merci pour votre aide.

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; fr; rv:1.9.1b2) Gecko/20081201 Firefox/3.1b2
ça marche quel est le pb en plus la page passe au html validator sans aucune erreur
https://addons.mozilla.org/en-US/firefox/addon/113517 mon theme en ligne compatilble ff2et 3
Jabe
Salamandre
Messages : 32
Inscription : 06 avr. 2008, 18:32

Message par Jabe »

bormat a écrit :ça marche quel est le pb en plus la page passe au html validator sans aucune erreur
C'est vrai qu'à force de poster mes avancées (et mes reculs) dans ce sujet, ce n'est plus très clair alors voici un récapitulatif de mes problèmes.

1 - J'ai un problème de positionnement CSS avec la partie:
Recherche avancée
Préférences
Outils linguistiques
que je voudrais coller à l'image de la loupe, donc aligné à droite de mon formulaire de recherche, mais en gardant le formulaire de recherche centré, et donc celui-ci serait aligné avec les autres moteurs du dessous.
(Voir aussi cette image) Note: ce problème de mise en page n'est pas le plus important.


2a - J'ai des bugs avec le système qui change le moteur de recherche utilisé.

Ça fonctionne parfaitement avec les moteurs du même domaine (Google, Wikipédia) mais si on prend le dernier bloc de moteur de recherche (Youtube, Dailymotion, Google Video) en tapant une recherche dans Youtube ça n'affecte pas le nombre de résultats mais dans l'url il y a &vid_radio2=on qui se rajoute.

Pas trop grave comparé à Dailymotion où aucune recherche ne fonctionne à la fois à cause de &vid_radio2=on mais aussi à cause de q (le nom de mon form) qui est là alors qu'il n'y en a pas besoin.

Comme j'explique plus haut ou dans le code source en déplaçant </form> je n'ai plus ce problème de résultats, sauf que là c'est le changement d'action et de texte qui ne fonctionne plus :( .


2b - C'est à cause de ce problème 2a que j'ai tenté de nouvelles pistes et que j'ai créé ceci.

Seulement là j'ai de nouveaux problèmes:
-les recherches s'ouvrent dans une nouvelle fenêtre au lieu de la fenêtre actuelle
-l'option pour changer le texte prérempli ne fonctionne plus vu que value= des boutons radios est déjà utilisé pour changer l'action.

-et pour finir j'ai bel et bien des problèmes de validation (voir ici)


3 - Comme j'expliquais le script qui me sert à changer le texte prérempli ne fonctionne pas complètement.

Il faudrait que le texte disparaisse quand on clique dans le champ, et ça fonctionne pour Youtube mais quand Dailymotion ou Google Video sont cochés le texte ne s'enlève pas, il faut le faire soit-même et du coup on écrit en gris et non pas en noir comme ça devrait être le cas.


Voilà en résumé (si si j'ai tenté de faire court).

Donc effectivement bormat au premier abord on pourrait croire que j'ai réussi, mais non il y a encore des bugs :roll: .

J'espère que quelqu'un pourra m'aider car là je tourne en rond.
bormat
Varan
Messages : 1545
Inscription : 01 juil. 2008, 18:22

Message par bormat »

j'ai des choses à faire donc pour l'instant le plus simple pour placer les option avancé
<div style="position: absolute; top: 16px; left: 1008px;"
class="liensdedroite">
<ul>
<li><a href="http://www.google.fr/advanced_search?hl=fr">Recherche
avancée</a></li>
<li><a href="http://www.google.fr/preferences?hl=fr" ... es</a></li>
<li><a href="http://www.google.fr/language_tools?hl=fr">Outils
linguistiques</a></li>
</ul>
</div>

il suffit d'utilité position abslolute ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
https://addons.mozilla.org/en-US/firefox/addon/113517 mon theme en ligne compatilble ff2et 3
bormat
Varan
Messages : 1545
Inscription : 01 juil. 2008, 18:22

Message par bormat »

bon quel est le pont de départ je vais essayer avec la page d'accueil jabe

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
https://addons.mozilla.org/en-US/firefox/addon/113517 mon theme en ligne compatilble ff2et 3
bormat
Varan
Messages : 1545
Inscription : 01 juil. 2008, 18:22

Message par bormat »

j'ai touvé pour que le texte se vide il faut mettre on focus exemple pour le imput de google vidéo
<input
onfocus="this.value=''" name="vid_radio2"
onclick="test2.value='Google Video';
changeAction('youtubeTest2', 'http://video.google.com/videosearch?q=') ; changeImg('Logo_Youtube2', 'http://www.jabe.fr/images/moteurs_de_re ... evideo.png') ;"
type="radio" />Google Video</label>

edit pour ce qui ce rajoute à la fin de l'url c'est normale google vidéo rajoute un j


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
https://addons.mozilla.org/en-US/firefox/addon/113517 mon theme en ligne compatilble ff2et 3
Jabe
Salamandre
Messages : 32
Inscription : 06 avr. 2008, 18:32

Message par Jabe »

Merci beaucoup bormat on avance on avance…

J'ai mis à jour la page ainsi que l'archive contenant les fichiers ici).

Seulement pour les liens de droites ça dépend de la résolution de l'ordinateur, chez moi en 1024x768 ça marche mieux avec:
position: absolute;
left: 730px;

Seulement sur d'autre PC ça ne passe plus du tout, du coup il faut que je fasse des tests en pourcentage pour palier à ce problème, je verrais ça plus tard.

Pour le texte qui se vide ça ne passe pas chez moi, je ne sais pas si j'ai oublié quelque chose ou si c'est un guillemet qui est mal tapé (j'ai tenté en copier-coller ça ne passe pas non plus).

Je repasse plus tard dans la soirée en tout cas merci encore de te penser sur mes problèmes.
bormat
Varan
Messages : 1545
Inscription : 01 juil. 2008, 18:22

Message par bormat »

Jabe a écrit :Merci beaucoup bormat on avance on avance…

J'ai mis à jour la page ainsi que l'archive contenant les fichiers ici).

Seulement pour les liens de droites ça dépend de la résolution de l'ordinateur, chez moi en 1024x768 ça marche mieux avec:
position: absolute;
left: 730px;

Seulement sur d'autre PC ça ne passe plus du tout, du coup il faut que je fasse des tests en pourcentage pour palier à ce problème, je verrais ça plus tard.

Pour le texte qui se vide ça ne passe pas chez moi, je ne sais pas si j'ai oublié quelque chose ou si c'est un guillemet qui est mal tapé (j'ai tenté en copier-coller ça ne passe pas non plus).

Je repasse plus tard dans la soirée en tout cas merci encore de te penser sur mes problèmes.
merci car sans les saript c'était pas très simple j'ai fais avec scrapbook
sinon oui je vien de remarqué que en ouvrant le panneau lattéral ça se décalé je gvais donc faire des testes et te passer le zip avec le code qui marche

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
https://addons.mozilla.org/en-US/firefox/addon/113517 mon theme en ligne compatilble ff2et 3
bormat
Varan
Messages : 1545
Inscription : 01 juil. 2008, 18:22

Message par bormat »

je te le passerais demain car jai perdu ceux que j'avais fais
voici le code ultraa sale
il n'y a pas le changement d'image je dois le remettre
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Moteurs de recherche par Jabe</title>

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="index.css" media="all" />
</head>

<body>
<form id="youtubeTest2" method="get" action="http://www.youtube.com/results?search_t ... rch_query=">
<div class="saisie"> <input name="q" onfocus="this.value=''" id="test2" class="hint" title="Youtube" value="Youtube" type="text"><div class="options"><label><input checked="checked" value="" onfocus="this.value=''" name="#vid_radio2" onclick="test2.value='Youtube'; changeAction('youtubeTest2', 'http://www.youtube.com/results?search_t ... rch_query=') ; changeImg('Logo_Youtube2', 'http://www.jabe.fr/images/moteurs_de_re ... outube.gif');" type="radio" />Youtube</label> <label><input value="" onfocus="this.value=''" name="#vid_radio2" onclick="test2.value='Dailymotion'; changeAction('youtubeTest2', 'http://www.dailymotion.com/relevance/search/') ; changeImg('Logo_Youtube2', 'http://www.jabe.fr/images/moteurs_de_re ... motion.gif');" type="radio" />Dailymotion</label> <label><input value="" onfocus="this.value=''" name="#vid_radio2" onclick="test2.value='Google Video';
changeAction('youtubeTest2', 'http://video.google.com/videosearch?q=') ; changeImg('Logo_Youtube2', 'http://www.jabe.fr/images/moteurs_de_re ... evideo.png') ;" type="radio" />Google Video</label>

</div><button class="loupe" type="submit"> </button>
</div>

</form>
</body></html>

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
https://addons.mozilla.org/en-US/firefox/addon/113517 mon theme en ligne compatilble ff2et 3
Jabe
Salamandre
Messages : 32
Inscription : 06 avr. 2008, 18:32

Message par Jabe »

Merci j'ai testé un peu en attendant demain, et en corrigeant les liens de la feuille de style et des scripts j'ai bien le texte en grisé qui disparaît par contre il ne se remet pas en noir lors du clic.

Si ça peut t'aider je m'étais inspiré de ce code-ci.
bormat
Varan
Messages : 1545
Inscription : 01 juil. 2008, 18:22

Message par bormat »

Jabe a écrit :Merci j'ai testé un peu en attendant demain, et en corrigeant les liens de la feuille de style et des scripts j'ai bien le texte en grisé qui disparaît par contre il ne se remet pas en noir lors du clic.

Si ça peut t'aider je m'étais inspiré de ce code-ci.
la je vois pas trop
tu clic sur la zone de recherche il disparait tu clic à coté il reviens c'est tout tout il garde la même couleur
edit ha oui quand on écrit ça reste gris

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
https://addons.mozilla.org/en-US/firefox/addon/113517 mon theme en ligne compatilble ff2et 3
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités