Style css dans un javascript
frdiard
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
j'ai ici le code en javascript d'un moteur de recherche interne par mots clé dont je voudrais pouvoir modifier le style du résultat par css.
voici le code :
var tjs_base=new TJS_InitBase("_self");
// TJS_InitBase(target) : target="_blank" pour ouvrir dans une nouvelle page
tjs_base.Add("ess2.html","Page générale sur la musique","blcla","musique,zique,music,disque,cd");
tjs_base.Add("scinema.html","Page générale sur le cinéma","blaca","cine,cinoche,cinéma,cinema,acteur,film");
tjs_base.Add("srock.html","Page sur le rock","blaca","rock,rock and roll, rock n' roll,musique");
tjs_base.Add("su2.html","Page sur le groupe U2","blala","rock,musique,u2,U2");
tjs_base.Add("sclassique.html","Page sur la musique classique","","musique,classique,violon,concert");
function TJS_InitBase(target) {
this.nb_item=0;
this.target=target;
this.Add=AddItem;
this.Search=SearchItem;
}
function AddItem(page,desc,desc2,cle) {
var nb = this.nb_item;
var item = new Object;
item.page=page;
item.desc=desc;
item.desc2=desc2
item.cle=cle;
this[nb]=item;
this.nb_item++;
}
function SearchItem(txt) {
txt = unescape(txt);
txt = txt.replace(/\+/g," ");
var n=tjs_base.nb_item;
var indice=-1;
if (txt=="Saisir un mot clé");
else{
document.forms["tjs_search"].elements["mot"].value=txt;
var Z=""; var nb=0;
for (var i=0; i<n; i++) {
if (tjs_base[i].cle.toUpperCase().indexOf(txt.toUpperCase(),0)!="-1") {
Z+="<BR><BR><a target='"+tjs_base.target+"' href='"+tjs_base[i].page+"'>"+tjs_base[i].desc+"</A><BR>"+tjs_base[i].desc2+""
nb++;
}
}
if (nb>0) {
if (nb==1) {Z="Un résultat trouvé pour la recherche sur <B>"+txt+"</B> : <BR>"+Z;}
else {Z=nb+" résultats trouvés pour la recherche sur <B>"+txt+"</B> : <BR>"+Z;}
}else{Z="Aucun résultat pour la recherche sur <B>"+txt+"</B><BR>Vérifiez l'orthographe ou essayez un autre mot clé !";}
document.write(Z);
}
}
function TJS_Search(f) {
if (f.mot.value!=""){f.submit();}
}
function TJS_PrintResult() {
var url=document.location.href;
if (url.indexOf("?mot=",0) > 0) {
var mot=url.substring(url.indexOf("?mot=",0)+5);
SearchItem(mot);
}
}
-------------------------------------------------------------------
Je pense qu'il faut ajouter quelque chose sur cette ligne mais je ne vois pas quoi :
Z+="<BR><BR><a target='"+tjs_base.target+"' href='"+tjs_base[i].page+"'>"+tjs_base[i].desc+"</A><BR>"+tjs_base[i].desc2+""
merci de vos réponses.
Fr.
j'ai ici le code en javascript d'un moteur de recherche interne par mots clé dont je voudrais pouvoir modifier le style du résultat par css.
voici le code :
var tjs_base=new TJS_InitBase("_self");
// TJS_InitBase(target) : target="_blank" pour ouvrir dans une nouvelle page
tjs_base.Add("ess2.html","Page générale sur la musique","blcla","musique,zique,music,disque,cd");
tjs_base.Add("scinema.html","Page générale sur le cinéma","blaca","cine,cinoche,cinéma,cinema,acteur,film");
tjs_base.Add("srock.html","Page sur le rock","blaca","rock,rock and roll, rock n' roll,musique");
tjs_base.Add("su2.html","Page sur le groupe U2","blala","rock,musique,u2,U2");
tjs_base.Add("sclassique.html","Page sur la musique classique","","musique,classique,violon,concert");
function TJS_InitBase(target) {
this.nb_item=0;
this.target=target;
this.Add=AddItem;
this.Search=SearchItem;
}
function AddItem(page,desc,desc2,cle) {
var nb = this.nb_item;
var item = new Object;
item.page=page;
item.desc=desc;
item.desc2=desc2
item.cle=cle;
this[nb]=item;
this.nb_item++;
}
function SearchItem(txt) {
txt = unescape(txt);
txt = txt.replace(/\+/g," ");
var n=tjs_base.nb_item;
var indice=-1;
if (txt=="Saisir un mot clé");
else{
document.forms["tjs_search"].elements["mot"].value=txt;
var Z=""; var nb=0;
for (var i=0; i<n; i++) {
if (tjs_base[i].cle.toUpperCase().indexOf(txt.toUpperCase(),0)!="-1") {
Z+="<BR><BR><a target='"+tjs_base.target+"' href='"+tjs_base[i].page+"'>"+tjs_base[i].desc+"</A><BR>"+tjs_base[i].desc2+""
nb++;
}
}
if (nb>0) {
if (nb==1) {Z="Un résultat trouvé pour la recherche sur <B>"+txt+"</B> : <BR>"+Z;}
else {Z=nb+" résultats trouvés pour la recherche sur <B>"+txt+"</B> : <BR>"+Z;}
}else{Z="Aucun résultat pour la recherche sur <B>"+txt+"</B><BR>Vérifiez l'orthographe ou essayez un autre mot clé !";}
document.write(Z);
}
}
function TJS_Search(f) {
if (f.mot.value!=""){f.submit();}
}
function TJS_PrintResult() {
var url=document.location.href;
if (url.indexOf("?mot=",0) > 0) {
var mot=url.substring(url.indexOf("?mot=",0)+5);
SearchItem(mot);
}
}
-------------------------------------------------------------------
Je pense qu'il faut ajouter quelque chose sur cette ligne mais je ne vois pas quoi :
Z+="<BR><BR><a target='"+tjs_base.target+"' href='"+tjs_base[i].page+"'>"+tjs_base[i].desc+"</A><BR>"+tjs_base[i].desc2+""
merci de vos réponses.
Fr.
A voir également:
- Style css dans un javascript
- Style word - Guide
- Nom pour facebook stylé - Guide
- Style d'écriture a copier coller - Guide
- Telecharger javascript - Télécharger - Langages
- Chat style coco - Accueil - Réseaux sociaux
7 réponses
je cherche aussi à creer une redirection. Quand il n'y à qu'une seule réponse à la recherche, elle redirige automatiquement vers le lien de la seule réponse .
Merci d'avance.
Merci d'avance.
Je ne sais pas si je vais répondre à ta question mais bon ...
Pour faire une redirection en JS : window.location='url.html';
Pour changer de classe en JS : document.getElementById('id').className='nom_de_la_classe';
Pour faire une redirection en JS : window.location='url.html';
Pour changer de classe en JS : document.getElementById('id').className='nom_de_la_classe';
Je cherche aussi depusi un bon moment comment faire pour mettre une liste de suggestion : par ex quand je tape "mu" dans la boite de texte, il me sort une liste avec tout les mots clés commençant pas "mu".
comme ici :https://www.commentcamarche.net/
merci de votre aide !
Fr.
comme ici :https://www.commentcamarche.net/
merci de votre aide !
Fr.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
pour ça orientes toi vers Ajax
à partir d'un certain nombre de lettres tapées (au moins 2) le onChange de l'input appelle une fonction Ajax qui va appeler un script php sur le serveur en "arrière plan" sans recharger la page
ce script recherche dans la BDD tous les mots commençant par les 2 lettres et te renvoie le résultat
Ajax à la reception de ça l'affiche dans ta page dans un div par un .innerHTML
Voilà le principe
pour la mise en musique tu recherches sur G....
à partir d'un certain nombre de lettres tapées (au moins 2) le onChange de l'input appelle une fonction Ajax qui va appeler un script php sur le serveur en "arrière plan" sans recharger la page
ce script recherche dans la BDD tous les mots commençant par les 2 lettres et te renvoie le résultat
Ajax à la reception de ça l'affiche dans ta page dans un div par un .innerHTML
Voilà le principe
pour la mise en musique tu recherches sur G....
salut,
arrête de coller des problèmes différents les uns à la suite des autres !
fais le point, dis nous ce qui fonctionne et quels sont encore les problèmes à résoudre.
pour la liste avec suggestion, il faut utiliser Ajax.
arrête de coller des problèmes différents les uns à la suite des autres !
fais le point, dis nous ce qui fonctionne et quels sont encore les problèmes à résoudre.
pour la liste avec suggestion, il faut utiliser Ajax.