Recherche et édition pratique

Description

Accédez Rapidement à La Résultat De Votre Recherche Grâce au Facilitées Que Ce Code Vous offre, au Cour Du frappe Vous Voyer Tous Les Mots Qui commencent Par La Première Lettre Frappée S'affichent Sur Une Liste Qui Se Réduit au Furia mesure Pendant Que Vous Frappez Plus De Lettres, Et Si La Liste S'efface Totalement Et Apparaît complètement Vide Cela signifie Que L'objet Que Vous Recherchez N'existe Pas Sur La liste, Et à L'hors Vous Devez ressayez Avec Un Autre Mot.
La Résulta Trouvé Et Affichée En Mode Code Et Création: Cela Veut Dire: un Aperçu De La Résultat Est Affiché Sur La même page, Ou Dans Une Nouvelle Fenêtre Grâce Au Bouton (Aperçu .. !) Et En Même Temps Vous Pouvez Récupérez La Source Edité Dans Le Champ De Texte Du Mot Clef.
Le Code Peut Servir Aussi Comme Générateur De Code, Archives Ou Menu Et Parfaitement Comme Panneau D'affichage Pour Tout Objet?
Et ça Peut Être Encor Mieux Si Vous Rangez La Liste Par Ordre Alphabétique.
En Fin N'oubliez Pas De Télécharger Le Zip Car Le Fichier ( liste.js ) Est Indispensable Pour Le Fonctionnement Du Code.
voir l'exmple ici :
http://abdelaziz.elalia.net

Source / Exemple :

<html>
<head>
<title>Recherche et édition pratique</title>
<script type="text/javascript">
/* 
abdelaziz rejeb Elalia Tunisie 
[http://abdelaziz.elalia.org] 
pour tout contact: [http://abdelaziz.elalia.net] 
Le 02/07/2006


*/ 
//Copye Le Mot Clef Au Champ De Texte
function motclef(){
if (document.frm.affiche.value == "")
{}
document.frm.cherchmot.value = document.frm.affiche.value ;}
//affiche La Resultat De La Recherche
function ChangeMessage(message,champ){
if(document.getElementById)
document.getElementById(champ).innerHTML = message;}
//Recherche Dans La Liste
function listing(lst,cnt,chmp){
this.select=lst;
this.text=cnt;
this.choix=new Array();
for(i=0;i<this.select.options.length;i++){
this.choix[i]=this.select.options[i];}
this.chmp=false;
if(chmp)
this.chmp=true;}
listing.prototype.clslist=function(){
var length=this.select.options.length;
for(i=length-1;i>=0;i--){
this.select.options[i]=null;}}
listing.prototype.defaulst=function(){
for(i=0;i<this.select.options.length;i++){
this.select.options[i]=null;}
for(i=0;i<this.choix.length;i++){
this.select.options[i]=this.choix[i];}}
listing.prototype.vtlst=function(){
var search=this.text.value;
if(search==""){
this.defaulst();
return;}
else
this.clslist();
for(i=0;i<this.choix.length;i++){
if(!this.chmp){
if(this.choix[i].text.toUpperCase().indexOf(search.toUpperCase())==0)
this.select.options[this.select.options.length]=this.choix[i];
else
if(this.choix[i].text.indexOf(search)==0)
this.select.options[this.select.options.length] = this.choix[i];}}}
//L'aperçu
function voir(){
i = document.frm.cherchmot.value;{
aff = window.open('','','menubar=no, toolbar=no, status=no, scrollbars=yes, resizable=yes');
aff.document.write('<html><head><title>intersite éditeur de abdelaziz rejeb elalia tunisie</title>r'+'</head><body>'+i+'</html>');
aff.document.close();}
document.frm.cherchmot.value = i = i ;}
</script>
</head>
<body topmargin="20" rightmargin="30" leftmargin="30" bgcolor="#ECE9D8">
Recherche et édition pratique: Télécharger Le Zip Car Le Fichier ( liste.js ) Est Indispensable Pour Le Fonctionnement Du Code
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="332">
<tr> <td width="1%" height="295">
<form name="frm"> <p align="center"><font color="#000080" style="font-size: 8pt">Entrez Une Partie Ou L?ensemble Du Mot Clef  Ou Récupérez Le Code:</font><br>
<input onfocus=this.select() typt="text" id="texte" size="18"/ onKeyUp="javascript:liste.vtlst();" name="cherchmot"><p> <center>
<!-- La Ligne Suivante N'est Pas Portée Sur Le Fichier (liste.js) Pour Qu'on puisse Modifier La Taille Du Champ Suivant Le Theme De La Page -->
<select onclick="; motclef();ChangeMessage(document.frm.cherchmot.value,'ejs_texte')" id="select" size="8" style="width: 10em;" name="affiche">
<!-- La Liste Des Options -->
<script type="text/javascript" src="liste.js"> </script>
</select> 
<script type="text/javascript">
var liste=new listing (document.getElementById("select") , document.getElementById("texte"));
</script> </form> </td> <td width="79%" align="center" height="295" bgcolor="#FFFFFF"> 
<div id=ejs_texte> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="80%" id="AutoNumber2">
<tr> <td width="100%" bgcolor="#ECE9D8"> <p align="center"><b><br>Développé Par Abdelaziz Rejeb : Elalia - Tunisie<br>*******
<br>Affichez ici La Résultat De La Recherche, <br> Des informations Ou Des Annonces </b><p align="center"> <a target="_blank" href="[http://abdelaziz.site.voila.fr]">[http://abdelaziz.site.voila.fr</a>] <p align="center">La Liste Contient Des informations Et Adresses Utiles Plus Le Code
<p></td> </tr> </table> </div> </td> </tr><tr>
<td width="1%" height="36"> </td>
<td width="79%" height="36">
<p align="center">  
<input onclick="javascript:history.go(0)" type="button" value="Actualier" name="actu">
<input onclick="voir();" type="button" value="Aperçu" name="B2">
</td> </tr> </table> <p> 
<a target="_blank" href="[http://abdelaziz.elalia.net]">[http://abdelaziz.elalia.net] </a> <br>Abdelaziz Rejeb, Elalia - Tunisie: Le 02/07/2006<br> 
<!-- 
abdelaziz rejeb Elalia Tunisie 
[http://abdelaziz.elalia.org] 
pour tout contact: [http://abdelaziz.elalia.net] 
Le 02/07/2006
-->
<p> </p>
</body>
</html>

Conclusion :

La Liste Des Options Et Publié Dans Le Fichier ( liste.js ) Pour Qu'on Puissent L'utiliser Dans Plusieurs Pages Sans avoir Besoin De Les Modifier En ca Ou On Veut Supprimer Ou Ajouter Des Donnés à La Liste.. !
Rappelle : N'oubliez Pas De Télécharger Le Zip Car Le Fichier ( liste.js ) Est Indispensable Pour Le Fonctionnement Du Code.
pour avoir de l'aide :
http://abdelaziz.elalia.net

Codes Sources

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.