Remplacer le traditionnel input

Ifrit-ultima -  
 Ifrit-ultima -
Bonjour,
Bonsoir, j'ai créée un petit formulaire de recherche assez simple en suivant divers tutos, de là tout est ok!

Pour inserer ce moteur de recherche j'insére ce lien à l'endroit désiré
<form action="search_engine.php3" method="post" name="search" id= "search">
<input type="text" name="Mot" size="15">
<input type="submit" value="Rechercher" alt="Lancer la recherche!"></form>
</ul>

Mons soucis est que je souhaite virer le bouton traditionnel submit rechercher par une simple écriture de ma speedbarre "Rechercher", voyez par vous meme pour vous faire une idée:

http://finalfantasymadness.ifrance.com/

En vous remerciant par avance
A voir également:

20 réponses

Réponse 1 / 20
Scalpweb Messages postés 1467 Date d'inscription   Statut Membre Dernière intervention   43
 
Si j'ai bien compris, tu veux remplacer le bouton submit par un clique sur un des liens de ta barre...

C'est très simple, il suffit de faire un lien de ce type :

<a href="javascript:document.NomDuFormulaire.submit()">Texte ou image du lien</a>

Evidemment, tu remplaces NomDuFormulaire par le nom de ton formulaire, que tu definis dans la balise form :

<form name="NomDuFormulaire" action="pagecible.htm" method="post">
1
Réponse 2 / 20
Ifrit-ultima
 
désolé je me suis trompé, c'est le bouton submit!
0
Réponse 3 / 20
ericleclerc1985 Messages postés 644 Date d'inscription   Statut Membre Dernière intervention   289
 
essaie avec un mode...

<?php
if ( isset($HTTP_GET_VARS['recherche']) || isset($HTTP_POST_VARS['recherche']) ) {
$mode = ( isset($HTTP_GET_VARS['recherche']) ) ? $HTTP_GET_VARS['recherche'] : $HTTP_POST_VARS['recherche'];
$mode = htmlspecialchars($mode);
}
if($mode=='OUI' && $_POST['Mot'] ) {
$mot = $_POST['Mot'];
// et voila.. tu as dans la variable ce que la personne a entré.

}
?>


<a href="index.php?recherche=oui">Recherche</a>
0
Réponse 4 / 20
rescue Messages postés 1039 Date d'inscription   Statut Contributeur Dernière intervention   136
 
Bonjour,

Je n'ai pas tous compris mais voici ce qui supprime ton bouton submit.

<form action="search_engine.php3" method="post" name="search" id= "search">
<input type="text" name="Mot" size="15"><input type="hidden"></form>

@+
0

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

Posez votre question
Réponse 5 / 20
Ifrit-ultima
 
Scalpweb, oui si on c'est bien compris, je souhaite que le lien Rechercher de ma speedbarre devienne le bouton submit et viré le traditionnel submit tout moche!

Si cette commande que tu m'as indiqué est bien celle rechercher merci sinon pourrais tu l'adapter à ma demande.

Merci
0
Réponse 6 / 20
Scalpweb Messages postés 1467 Date d'inscription   Statut Membre Dernière intervention   43
 
Oui ça doit être ça.

Si c'est la bonne, merci de basculer le statut de ce post en tant que "Résolu".
0
Réponse 7 / 20
Ifrit-ultima
 
Nom cela ne marche pas comme je le souhaite, le bouton Rechercher ne répond à rien !

ericleclerc1985, tu m'as indiqué un mode, qu'est ce que c'est exactement, comment le disposer?

Tant pis dans le pire des cas je mettrai une image de mon écriture Rechercher, comment j'entre la commande permettant de me servir d'une image comme submit? <input type="img" value="url" alt="Lancer la recherche!"> ?
0
ericleclerc1985 Messages postés 644 Date d'inscription   Statut Membre Dernière intervention   289
 
dans plusieurs site, il utilises les noms dans le navigateur pour donner des informations. Quand on y retrouve ? suivi d'un mode et d'un = et du paramètre.
0
Réponse 8 / 20
Scalpweb Messages postés 1467 Date d'inscription   Statut Membre Dernière intervention   43
 
Mets ici le code html de ton formulaire stp...
0
Réponse 9 / 20
Ifrit-ultima
 
<form method="post" action="search.php3">

<br>

<input type="text" name="Mot" size="40">

<input type="submit" value="Rechercher" alt="Lancer la recherche!">

</form>
0
Réponse 10 / 20
Scalpweb Messages postés 1467 Date d'inscription   Statut Membre Dernière intervention   43
 
Remplaces ce code par :

<form method="post" name="myForm" action="search.php3">

<br>

<input type="text" name="Mot" size="40">

<input type="submit" value="Rechercher" alt="Lancer la recherche!">

</form>


Et tu place A L'INTERIEUR des balises <form></form> ton lien, qui sera de la forme :

<a href="javascript:document.myForm.submit();">Texte ou image du lien</a>
0
Réponse 11 / 20
Ifrit-ultima
 
Pour que le résultat se fasse dans une page semblable aux pages de mon site je dois l'éditer normalement comme une simple page html?
0
Réponse 12 / 20
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
salut,

pourquoi mettre un lien ?

regardez plutôt le code de la page de CCM ! 
<input type="image" onmouseout="BulleHide ();" onmouseover="BulleWrite('Lancer la recherche',event);" value="ccm" src="/img/btn_search_01.png" id="btn_search" name="cible"/>
0
Réponse 13 / 20
Scalpweb Messages postés 1467 Date d'inscription   Statut Membre Dernière intervention   43
 
J'ai rien compris...
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
vous cherchez à remplacer un <input type="submit" /> par une image ?

il existe un type "image" pour <input> qui permet de le faire.
c 'est que tu as en haut de cette même page pour la recherche sur Exalead.

et si c'est juste pour customiser le bouton, c'est faisable en CSS. ça évite de recourir au JS.
0
Réponse 14 / 20
Ifrit-ultima
 
<form method="post" name="myForm" action="search.php3">

<br>

<input type="text" name="Mot" size="40">

<input type="submit" value="Rechercher" alt="Lancer la recherche!">

</form>

ce code ci dessus je le mets à la place de celui d'avant de ma page html du moteur de recherche?

Et tu place A L'INTERIEUR des balises <form></form> ton lien, qui sera de la forme :

<a href="javascript:document.myForm.submit();">Texte ou image du lien</a>

cette commande dans ma page classique exemple ma page index.html de mon site?

Désolé d'être si noob!
0
Réponse 15 / 20
Scalpweb Messages postés 1467 Date d'inscription   Statut Membre Dernière intervention   43
 
bon à la limite, passe le code HTML de ta page (ou au moins la partie qui nous interesse), et je te ferais les modifs.
0
Réponse 16 / 20
Ifrit-ultima
 
la page html de mon moteur de reherche
<form method="post" action="search.php3">

<br>

<input type="text" name="Mot" size="15">

<input type="submit" value="Rechercher" alt="Lancer la recherche!">

</form>

Ma page index.html de mon site:

<!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>
<!-- balise de recherche "moteur de recherche Stiltzkin-mog" -->
<meta name="robots" content="index, follow, all" />
<meta name="keywords" content="previews, news, articles, final fantasy, kingdom hearts, dragon quest, accueil" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="tilte" content="Accueil"/>
<title>Accueil</title>
<!-- Insertion favicon -->
<link rel="icon" href="favicon/favicon_anime.gif" type="image/gif" >
<!-- Fin insertion favicon -->
<!-- lien feuille CSS-->
<link rel="stylesheet" href="style.css" media="screen" />
<!--[if lt IE 7.0]>
<style type="text/css">
#footer span{
height: 10px;
}

</style>
<![endif]-->
<style type="text/css">
<!--
.Style5 {color: #5C5F63}
.Style6 {color: #4F5357}
.Style7 {color: #03090E}
.Style8 {color: #0A0F14}
.Style9 {color: #080D13}
.Style10 {color: #03080D}
-->
</style>
<!-- Scripte_Chocobox_pop_up.xml -->
<script language="JavaScript" src="player_mp3/fonctions.js"></script>

<!--scripte heure dynamique partie 1/2-->
<script type="text/javascript">
function tS(){
x=new Date();
x.setTime(x.getTime());
return x;
}
function lZ(x){
return (x>9)?x:'0'+x;
}
function dT(){
if(fr==0){
fr=1;
document.write(" " + '<span id="tP">'+eval(oT)+'</span>');
}
document.getElementById("tP").innerHTML = eval(oT);
setTimeout('dT()',1000);
}
var fr=0;
oT="tS().getHours()+':'+lZ(tS().getMinutes())+':'+lZ(tS().getSeconds())";
</script>
<!--fin du scripte heure dynamique partie 1/2-->

</head>

<body>

<!-- Enveloppe -->
<div id="wrapper">
<!--Header -->

<h1 id="header">

<!--debut scripte date-->
<span id="date"><script type="text/javascript" language="javascript">
d = new Date();
document.write(d.toLocaleDateString());
</script></span>
<!--fin scripte date-->

<a name="gotop" href="#" title="accueil"><span id="logo"><img src="img/logo.jpg" alt="Final Fantasy Madness.com" /></span></a>

<!--scripte heure dynamique partie 2/2-->
<span id="hour">
<script>dT();</script></span>
<!--fin scripte heure dynamique partie 2/2-->

</h1>

<!--== Speedbar menu haut -->
<ul id="speedbar">
<li><a href="index.html"><span class="colortwo">A</span>ccueil</a></li>
<li><a href="#"><span class="colortwo">P</span>reviews</a></li>
<li><a href="#"><span class="colortwo">N</span>ews</a></li>
<li><a href="#"><span class="colortwo">A</span>rticles</a></li>
<li><a href="#"><span class="colortwo">S</span>oluces</a></li>
<li><a href="#"><span class="colortwo">M</span>edias</a></li>
<li><a href="#"><span class="colortwo">L</span>ivre d'or</a></li>
<li><a href="mailto:finalfantasymadness@ifrance.com"><span class="colortwo">M</span>ail</a></li>
<li>
<form action="search_engine.php3" method="post" name="search" id= "search">
<input type="text" name="Mot" size="15" />
<a href="javascript:document.myForm.submit();"><span class="colortwo">R</span>echercher</a>

</form>

Déqolé de ne pas avoir saisi correctement ton aide Scalp, merci :)
0
Réponse 17 / 20
Scalpweb Messages postés 1467 Date d'inscription   Statut Membre Dernière intervention   43
 
Et ça là :

<form action="search_engine.php3" method="post" name="search" id= "search">
<input type="text" name="Mot" size="15" />
<a href="javascript:document.myForm.submit();"><span class="colortwo">R</span>echercher</a>


Ca marche pas quand tu clique sur Rechercher ?
0
Réponse 18 / 20
Ifrit-ultima
 
Tu as oubliué la balise </form> et non cela ne répond à aucune action!
0
Réponse 19 / 20
Scalpweb Messages postés 1467 Date d'inscription   Statut Membre Dernière intervention   43
 
Remplace :
<a href="javascript:document.myForm.submit();">

par

<a href="javascript:document.search.submit();">
0
Réponse 20 / 20
Ifrit-ultima
 
Apparemment hors serveur le bouton commande effectivement une action, car lors du test hors serveur cela me met fichier introuvable ce qui est normal, je pense?
Voila ce que m'indique firefox hors serveur:
Firefox ne peut trouver le fichier à l'adresse /D:/Mes documents/ff_madness/html/search_engine.php3.

Ce que j'ai exactement mis sur ma page index.html de mon site:

<li><form action="search_engine.php3" method="post" name="search" id= "search">
<input type="text" name="Mot" size="15" />
<a href="javascript:document.search.submit();"><span class="colortwo">R</span>echercher</a></form>
</li>
Ce que j'ai mis sur la page html du moteur de recherche:
Exactement la même chose que le code au dessus! (il ne me reste plus qu'à modifier l'apparence de cette dernière).

Encore une dernière chose, pour que le moteur de rechercher soit opérationnel il n'y a pas une application particulière à faire lorsque l'on upload sur le serveur? 'du type créer un répertoire à l'aide d'un ftp et changer les droits de ce dossier et lancer une commande dans la barre de navigaton?)

Pour information j'ai suivi le tuto du site https://www.commentcamarche.net/contents/801-php-creer-un-moteur-de-recherche

Merci par avance et merci pour ce que tu as déjà fait Scalp
0

Discussions similaires

input signal out of range
marlene -
usman000 -

14 réponses
comment désactiver out of range
lzri98 -
jeannets -

3 réponses
No video input
ChouNell -
poupougne13 -

30 réponses
No video input après mise en veille
Shaverguy -
Shaverguy -

17 réponses
Comment remplacer Vivastreet ?
BEN64200 -
MystreeX -

2 réponses