Faire disparaitre une ligne inesthétique

Résolu/Fermé
trickylola Messages postés 28 Date d'inscription mardi 9 avril 2013 Statut Membre Dernière intervention 19 juillet 2017 - Modifié par trickylola le 10/04/2013 à 16:12
trickylola Messages postés 28 Date d'inscription mardi 9 avril 2013 Statut Membre Dernière intervention 19 juillet 2017 - 11 avril 2013 à 18:48
Bonjour, voilà mon soucis:

j'ai inclus un moteur de rechercher sur mon site ( http://octopattes.fr/ ) mais le problème, c'est qu'une ligne apparait sous la fenêtre de recherche. J'aimerai la faire disparaitre mais je ne sais pas à quelle ligne de code elle correspond. Je vous colle ici les différents fichiers nécessaires au moteur pour que vous m'aidiez à effacer cette disgracieuse ligne.

Merci d'avance.

FICHIER db.js:

/* XSearch version 5.0 - Database file */

var records_count=0;
v1 = new Array(records_count);
v2 = new Array(records_count);
v3 = new Array(records_count);
var a=0;
////////////////////////////////////////////////////////////////
a +=1
v1[a] = "<a href=http://octopattes.fr/agelenidae.html target='_top'>Agelenidae</a>"
v2[a] = "agelenidae gracilens Allagelena Lycosoides Malthonica Tegenaria denticulata caudata coarctata dalmatica sylvestris agrestis "
v3[a] = ""
////////////////////////////////////////////////////////////////
a +=1
v1[a] = "<a href=http://octopattes.fr/photos/29610617.jpg target='_top'>gracilens</a>"
v2[a] = " gracilens "
v3[a] = ""
///////////////////////////////////////////////////////////////////
records_count = a;


FICHIER xsearch.css:


h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color:#4C4936}
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt}
li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin-left: 5%;}
.xtitle { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11pt; font-weight: normal}
.xresult { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; font-weight: normal}
.xlocation { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; color:blue; font-weight: normal}
.xsmall { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color:blue; font-weight: normal}



FICHIER xsearch.htm:


<html>
<head>
<title>XSearch 5.0</title>
<script language="Javascript" src="db.js"></script>
<script language="Javascript" src="xsearch-5.0.js"></script>
</head>
<body>
<script language="Javascript">
initXsearch();
</script>
</body>
</html>


xsearch-5.0.js:

/* XSearch version5.0 http://www.twicefun.com/just4fun */
// Le nom du fichier
var searchname = 'xsearch.htm';
// Le nom et l'adresse du boutonvar usebannercode = true;
var ButtonCode = "<img src='bouton-rechercher.png' border=0>";
var usebannercode = true;
function templateBody(){
////// modifications possibles ///////
document.write('<html><head></head><table width=76><tr><td width=73><font color="#4C4936"><font face="Arial" size="30"><td width=30></td></tr></table><table border=0 width=300><tr><td>');
}

function templateEnd(){
document.write('</td></tr></table></font></center></body></html>');
}
////// fin de modifications ///////
function bannerCode(){
}
//-----------------------------------------------------------------------------------------------
var finds =0;
var sites =0;
var version = "v5.0"
var andresult = false;
var SortResults = true;
var display_start = 1;
var displast = 10;

function searchAll(keyword){
var timeA=new Date();
var nw=1;
finds=0;
sites=0;

var x = parseIt(keyword);
if(x == -1) return;
total_keywords=x;

document.open();
document.clear();
document.write('<link rel="stylesheet" href="xsearch.css">');
AddBody();

if (keyword.length>50) keyword=keyword.substring(0,60)+"...";

results=new makeArray(records_count,1);
order=new makeArray(records_count,1);
for (q=1; q<=results.length; q++){
results[q]=0;
order[q]=q;
}
data=new makeRecordLinks(records_count);
while(keywords[nw].length > 1)
{
search(data,keywords[nw]);
nw++;
}

if (andresult)
{
for (a=1; a<=results.length; a+=1)
{
if (results[a]>0)
{
if (results[a]<=(total_keywords-1)*2)
{
results[a]=0;
sites-=1;
}
}
}
}

var temp =0;

if ((SortResults==true)&&(keywords!='[all]'))
{
for (a=results.length; a>=2; a-=1)
{
for (b=1; b<a; b+=1)
{
if (results[order[a]]>results[order[b]])
{
temp=order[b];
order[b]=order[a];
order[a]=temp;
}
}
}
} else {
b=0;
for (a=results.length; a>=2; a-=1)
{
if (results[a]>0)
{
order[b]=a;
b++
}
}
}

// Now we build the output page
displast=display_start+10;
if (displast>sites) displast=sites+1;
var timeB=new Date();
////// modifications possibles ///////
document.write("<center><h3>Résultats : <b>"+display_start+"-"+(displast-1)+"</b> de <b>"+sites+"</b> pour <b>"+keyword+"</b>. Durée de la recherche : <b>"+((timeB-timeA)/1000)+"</b> secondes.</h3></center>");
if (finds==0)
{
document.write("<h3><font color=green>Pas de résultats pour <b>''"+keyword+"''</b>.</font></h3>"+
"<p>Votre recherche sur - <b>"+keyword+"</b> - n'a trouvé aucun document correspondant dans la base de données.</p>"+
"<ul><LI>Assurez-vous que les mots sont bien orthographiés.</li>"+
"<LI>Essayez avec moins de mots.</li>"+
"<LI>Essayez d\'autres mots-clés.</li></ul></span>"+
"</p>");
////// fin de modifications ///////
DisplayXSearch();
document.close();
return
}

q2=display_start;
q3=displast;
for (q=display_start; q<q3;)
{
if (results[order[q]]>0)
{
document.write("<span class='xtitle'>"+data[order[q]].v1+"</span><br>");
x1=v1[order[q]].indexOf('http://')+7;
if (x1==6) x1=v1[order[q]].indexOf('href=')+5;
x2=v1[order[q]].indexOf('>');
if (x1>0 && x2>0)
{
tmp=v1[order[q]].substring(x1,x2);
x2=tmp.indexOf(' ');
if (x2>0) tmp=tmp.substring(0,x2);
if (tmp.substring(0,1)=="'") tmp=tmp.substring(1,tmp.length-1);
if (tmp.substring(0,1)=='"') tmp=tmp.substring(1,tmp.length-1);
document.write("<table border=0 width=500><tr><td><span class='xresult'>"+v3[order[q]]+"</span></td></tr></table><span class='xlocation'>"+tmp+"</span><br><br>");
}
q2++;
}
q+=1;
}

if (finds>10)
{
document.write("<BR>");
pages=Math.round(finds/10);
if (finds%10<6) pages++;

// Create the parameter string
paramstring=searchname+"?keywords="+keyword+"&and="+andresult+"&sort="+SortResults;
document.write("<center><span class='xsmall'>");
////// modifications possibles ///////
if (display_start>1) document.write("<a href='"+paramstring+"&disp="+(display_start-10)+"'>page précédente</a>");
document.write(" ");
for (i=1; i<=pages;){
if ((((i-1)*10)+1)<=sites) {
document.write("<a href='"+paramstring+"&disp="+(((i-1)*10)+1)+"'>"+i+"</a> ");
}
i++;
}
document.write(" ");
if (displast<=sites) document.write("<a href='"+paramstring+"&disp="+(displast)+"'>page suivante</a>");
document.write("</span></center>");
}
////// fin de modifications ///////
DisplayXSearch();
document.close();
}

function Cat(){
document.open();
document.clear();
AddBody();
DisplayXSearch();
document.close();
}


function makeArray(n,vartype) {
this.length = n;
for (var k = 1; k <= n; k++) {
if (vartype==0){
this[k] = "";
} else {
this[k] = 0;
}
}
return this;
}

function stripInput(key){
while(key.substring(0,1) == "," || key.substring(0,1) == " " ) key = key.substring(1,key.length);
while(key.substring(key.length-1,key.length) == "," || key.substring(key.length-1,key.length) == " ") key = key.substring(0,key.length-1);
return key;
}

function parseIt(key) {
key = stripInput(key)+" ";
var y = 1;
while(key.indexOf(" ") > 0)
{
if (key.substring(0,1)=='"')
{
var pos=key.indexOf('"',2);
keywords[y]=key.substring(1,pos);
keywords[y]=stripInput(keywords[y]);
y++;
key=key.substring(pos+1,key.length);
} else {
var pos=key.indexOf(' AND ');
if ((pos>0) && (key.indexOf(' ')>=pos))
{
pos=key.indexOf(' ',pos+5);
keywords[y]=key.substring(0,pos);
keywords[y]=stripInput(keywords[y]);
y++;
key=key.substring(pos+1,key.length);
if (key.substring(0,4)=='AND ')
{
pos=keywords[y-1].indexOf(' ')+5;
key=keywords[y-1].substring(pos,keywords[y-1].length)+' '+key;
}
} else {
var pos=key.indexOf(' OR ');
if ((pos>0) && (key.indexOf(' ')>=pos))
{
pos=key.indexOf(' ');
keywords[y]=key.substring(0,pos);
keywords[y]=stripInput(keywords[y]);
if (keywords[y]!=keywords[y-1]) y++;
key=key.substring(pos+1,key.length);
pos=key.indexOf('OR ');
key=key.substring(pos+3,key.length);
pos=key.indexOf(' ');
keywords[y]=key.substring(0,pos);
keywords[y]=stripInput(keywords[y]);
y++;
key=key.substring(pos+1,key.length);
if (key.substring(0,3)=='OR ') key=keywords[y-1]+' '+key;
} else {
var pos = key.indexOf(" ");
keywords[y]=key.substring(0,pos);
keywords[y] = stripInput(keywords[y]);
y++;
if(y > 50) return -1
key=key.substring(pos+1,key.length);
}
}
}
}
return y-1;
}

var keywords = new makeArray(50,0);
var results;
var foundword;
var data;
var order;
var total_keywords;

function dataEntry (){
this.v1="";
this.v2="";
return this;
}

function makeRecordLinks(size){
this.length = size;
for (var r=1; r<= size; r++)
{
this[r] = new dataEntry();
this[r].v1 = v1[r];
this[r].v2 = v2[r];
}
return this;
}

function AddBody(){
var keytext='"'+searchname+'?keywords="+';
var andtext='"&and="+';
document.write('<script>function doSearch(){'+
'searchwords=document.searchform.searchwords.value; '+
'while (searchwords.indexOf(" ")>-1){ pos=searchwords.indexOf(" ");'+
'searchwords=searchwords.substring(0,pos)+"+"+searchwords.substring(pos+1); }'+
'document.location='+keytext+' searchwords+'+andtext+'"0"}'+
'<'+'/'+'script>'
);

templateBody();
////// modifications possibles ///////
document.write("<br><form name='searchform' method='post' action='javascript:doSearch()'><table border='0' width='100%'><tr><td align='center'><font face='Arial, Helvetica, sans-serif' size='3'><input name='searchwords' type='text' size='30'> <a href='javascript:doSearch()'>"+ButtonCode+"</a></font></td></tr></table></form>");
////// fin de modifications ///////
if (usebannercode) bannerCode();
}

function DisplayXSearch(){
////// modifications possibles ///////
document.write("<center><hr size=1></center>")

////// fin de modifications ///////
templateEnd();
}

function search(records, keyword){
var hit=0;
var addcomplete=0;

for (q=1; q<=records.length; q++) {
addcomplete=0;
search_parm=records[q].v2.toLowerCase()+" "+v3[q].toLowerCase();

if (keyword.indexOf(' AND ')>0)
{
firstword=keyword.substring(0,keyword.indexOf(' '));
lastword=keyword.substring(keyword.indexOf(' AND ')+5,keyword.length);
if ((search_parm.indexOf(" "+firstword+" ") != -1) && (search_parm.indexOf(" "+lastword+" ")!= -1 ))
{
hit++;
finds++;
if(hit < 2)
{
if (results[q]==0) sites++;
results[q] +=2;
}
}
} else {
keyword=keyword.toLowerCase();
if ((search_parm.indexOf(" "+keyword+" ") != -1) ||(keyword=="[all]"))
{
hit++;
finds++;
if(hit<2)
{
if (results[q]==0) sites++;
results[q]+=2;
}
} else {
// check for a half hit (ie. search:share find:SHAREware)
if (search_parm.indexOf(keyword) != -1)
{
hit++;
finds++;
if(hit < 2)
{
if (results[q]==0) sites++;
results[q]+=1;
x=search_parm.indexOf(keyword)+keyword.length;
pos=search_parm.substring(1,x-keyword.length);
while (pos.indexOf(" ")!=-1)
{
y=pos.indexOf(" ");
pos=pos.substring(y+1,pos.length);
}
if (pos.length<=2) addcomplete++;

pos=search_parm.substring(x,search_parm.length);
fullresult=search_parm.substring(x,x+pos.indexOf(" "));

if (fullresult.length<=2) addcomplete++;
if (addcomplete>1) results[q]+=1;
}
}
}
}
hit=0;
}
}

var searchwords = '';
var newload = true;

function countParams(text){
pos=-1;
tmp = "";
if (text=='') return 0;
text=text+'&';
i=0;
while (text.length>0)
{
pos=text.indexOf('&',0);
tmp=text.substring(pos+1);
text=tmp;
i++;
}
return i;
}

function getCommand(text,val){
pos=-2;
tmp = "";
text=text+'&';
for (i=0; i<=val;)
{
pos2=pos+2;
pos=text.indexOf('&',pos2);
tmp=text.substring(pos,pos2-1);
i++;
}
text=tmp;
pos=text.indexOf('=',0);
if (pos!=-1) tmp=text.substring(pos,0);
tmp=tmp.toLowerCase();
return tmp;
}

function getValues(text,val){
pos=-2;
tmp = "";
text=text+'&';
for (i=0; i<=val;)
{
pos2=pos+2;
pos=text.indexOf('&',pos2);
tmp=text.substring(pos,pos2-1);
i++;
}
text=tmp;
pos2=text.indexOf('=',0)+1;
if (pos2!=-1)
{
tmp=text.substring(pos2);
} else {
tmp=''
}

pos=-2;
text=tmp;
if (text.indexOf('%20')>0)
{
pos=text.indexOf('%20',0);
tmp=text.substring(0,pos2-4)+' '+text.substring(pos2-1,text.length);
text=tmp;
}
return tmp;
}

function initXsearch(){
if (searchwords!='')
{
searchAll(searchwords);
} else {
if (newload) Cat();
}
}

function doParamStuff(findw){
Myparams=countParams(findw);
if (Myparams>0)
{
for (cnt=0; cnt<Myparams;)
{
tempw=getCommand(findw,cnt);
tempv=getValues(findw,cnt);
if (tempw=='keywords')
{
searchwords=getValues(findw,cnt);
origsearchwords=searchwords;
while (searchwords.indexOf('+')>-1)
{
pos=searchwords.indexOf('+');
searchwords=searchwords.substring(0,pos)+' '+searchwords.substring(pos+1);
}
}
if (tempw=='sort')
{
if ((tempv=='0')||(tempv=='false'))
{
SortResults=false;
} else {
SortResults=true;
}
}

if (tempw=='and')
{
if ((tempv=='1')||(tempv=='true'))
{
andresult=true;
} else {
andresult=false;
}
}
if (tempw=='disp') display_start=parseInt(tempv);
cnt +=1;
}
}
}

findw=document.location.search;
findw="&"+findw.substring(1,findw.length);

while (findw.indexOf('%20')>0){
pos2=findw.indexOf('%20',0);
tmp=findw.substring(0,pos2)+' '+findw.substring(pos2+3,findw.length);
findw=tmp;
}
doParamStuff(findw);


et enfin, le code inclus dans le document index.html de ma page d'accueil:

<html><head>
<title>XSearch 5.0</title>
<script language="Javascript" src="db.js"></script>
<script language="Javascript" src="xsearch-5.0.js"></script>
</head>
<body>
<script language="Javascript">
initXsearch();
</script>
</body>
</html>

Merci d'avance pour votre aide...
A voir également:

9 réponses

[Dal] Messages postés 6174 Date d'inscription mercredi 15 septembre 2004 Statut Contributeur Dernière intervention 2 février 2024 1 083
Modifié par [Dal] le 10/04/2013 à 17:46
Salut trickylola,

Je dirai que c'est document.write("<center><hr size=1></center>") que tu dois supprimer.


Dal
1
Utilisateur anonyme
10 avril 2013 à 16:29
oy !

J'ai pas regardé le code en détail,mais en regardant très rapidement sur ton site je dirai que ca vient du css pour une table :

table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}


naga
0
trickylola Messages postés 28 Date d'inscription mardi 9 avril 2013 Statut Membre Dernière intervention 19 juillet 2017
10 avril 2013 à 16:32
Merci à toi mais, que dois-je faire de ce code. S'agit-il d'un code à remplacer? A effacer? A ajouter?

Merci
0
Utilisateur anonyme
10 avril 2013 à 16:46
ah pardon je pensais que tu verrais ^^
donc en gros ton champs de recherche est positionné dans cette hierarchie :
<tbody><tr><td>

(les balises se ferment ensuite).

C'est une de ces trois balises qui pose problème à prioris (je me repète : je regarde ca rapidement =p).
Donc soit tu déclare ton <tbody> en lui indiquant une classe :
<tbody class='xbody'>

et dans ton css
.xbody{
border: none;
}


ce qui masquera la bordure de ton tbody (je pense que c'est lui mais il me faudrai un peu plus de temps pour ca ... mais tu as le principe ;])
0

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

Posez votre question
trickylola Messages postés 28 Date d'inscription mardi 9 avril 2013 Statut Membre Dernière intervention 19 juillet 2017
10 avril 2013 à 17:50
merci à vous deux, je vérifie cela et je vous tiens au courant :-)
0
trickylola Messages postés 28 Date d'inscription mardi 9 avril 2013 Statut Membre Dernière intervention 19 juillet 2017
10 avril 2013 à 17:53
Merci, merci, merci. Il s'agit effectivement de document.write("<center><hr size=1></center>").

Je suis ravi !!!
0
[Dal] Messages postés 6174 Date d'inscription mercredi 15 septembre 2004 Statut Contributeur Dernière intervention 2 février 2024 1 083
10 avril 2013 à 18:36
De rien :-)

Disposer de Firefox et de l'extension Firebug aide à trouver ce type de choses.

Tu pourrais aussi optimiser la taille des images pour un chargement plus rapide.

Voilà ce que dit Firebug http://img856.imageshack.us/img856/6809/20130410181927.png (avec une connexion rapide).


Dal
0
trickylola Messages postés 28 Date d'inscription mardi 9 avril 2013 Statut Membre Dernière intervention 19 juillet 2017
10 avril 2013 à 18:49
Ce qui permettrait de charger la page de mon site plus rapidement je suppose? Je vais regarder ça.

Merci pour tout Dal.
0
[Dal] Messages postés 6174 Date d'inscription mercredi 15 septembre 2004 Statut Contributeur Dernière intervention 2 février 2024 1 083
10 avril 2013 à 19:40
Oui, 3 Mo d'images à charger pour voir apparaître la page d'accueil, c'est un peu beaucoup.

La superbe image de fond d'écran fait la moitié de cela.. commence par celle-ci :-)


Dal
0
trickylola Messages postés 28 Date d'inscription mardi 9 avril 2013 Statut Membre Dernière intervention 19 juillet 2017
11 avril 2013 à 13:58
Merci Dal,
j'ai installé Firebug mais je ne sais absolument pas comment l'utiliser pour optimiser ma page d'accueil, snif! Comment optimiser l'image de fond?

Merci
0
[Dal] Messages postés 6174 Date d'inscription mercredi 15 septembre 2004 Statut Contributeur Dernière intervention 2 février 2024 1 083
Modifié par [Dal] le 11/04/2013 à 18:02
Firebug te permet d'inspecter ton code (HMTL, CSS, javascript, les requêtes serveur, mesurer les temps de réponse, etc.).

Tu as la documentation de Firebug, et des tutoriels (par exemple celui-là) si tu veux utiliser cet outil pour t'aider dans le développement et mise au point de ton site.

Pour accéder aux mesures de temps de réponse réseau, tu cliques sur le bouton "insecte", onglet "Réseau" - Activé, et tu recharges la page à analyser.

Par "optimiser" les images, j'entendais en réduire la taille tout en conservant une résolution ou un taux de compression acceptables pour toi (ou en utiliser d'autres, plus légères).

C'est un logiciel tel que Gimp, Photoshop, etc. que tu dois utiliser pour cela ré-échantilloner tes images.

Avec Gimp, tu fais enregistrer sous ton image JPG, et tu joues sur le curseur "Qualité", ou les options avancées, tu enregistres et vois si le résultat en taille / qualité te satisfait. Tu peux aussi redimensionner l'image qui est très grande (menu Image - Echelle et taille de l'image), etc.

Une fois que tu as effectué des changements, teste à nouveau avec Firebug pour voir si les mesures sont meilleures de temps d'accès réseau, ou s'il y a d'autres goulots d'étranglement.

Il y a aussi des requêtes qui partent sur un compteur, et qui ont un temps de latence important.


Dal
0
trickylola Messages postés 28 Date d'inscription mardi 9 avril 2013 Statut Membre Dernière intervention 19 juillet 2017
11 avril 2013 à 18:48
Merci Dal,
j'ai optimisé le fond en conservant les proportions mais en diminuant la qualité, ce qui finalement ne se voit pas trop. Merci pour tout, je vais tenter d'apprendre à manipuler firebug donc !
0