Retirer les espaces dans le menu de navigation (&nbsp)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Retirer les espaces dans le menu de navigation (&nbsp)

Message par esiao le Sam 25 Aoû 2012 - 0:03

Bonsoir,

Après maintes tentatives, je suis parvenu à avoir le code qui réalise ce que je souhaite du moins en local.
Explications :

Code:
<nav id="nav_menu" nowrap="nowrap"><ul><li><a class="mainmenu" href="/"><img id="i_icon_mini_index" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Accueil" title="Accueil">Accueil</a></li> &nspb<li><a class="mainmenu" href="/calendar"><img id="i_icon_mini_calendar" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Calendrier" title="Calendrier">Calendrier</a> &nspb</li><li><a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="FAQ" title="FAQ">FAQ</a> &nspb</li><li><a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;"><img id="i_icon_mini_search" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Rechercher" title="Rechercher">Rechercher</a> &nspb<script type="text/javascript">//<![CDATA[
var url_search = '/search';
insert_search_menu_new();//]]>
</script><div class="overview row3" id="search_menu" style="display:none;position:absolute;width:350px;z-index:10000"><form action="/search" method="get"><input type="hidden" name="mode" value="searchbox"><p class="title-overview row2">Rechercher</p><p class="center-overview"><input type="text" class="inputbox medium" name="search_keywords"><input type="submit" class="button1" value="Go"><br>Résultats par : <label for="rposts"><input id="rposts" type="radio" name="show_results" value="posts"> Messages</label> <label for="rtopics"><input id="rtopics" type="radio" name="show_results" value="topics" checked="checked"> Sujets</label></p><hr class="dashed"><p class="center-overview"><a href="/search" rel="nofollow" title="Recherche avancée"><img src="http://illiweb.com/fa/empty.gif" width="12" height="13" alt="Recherche avancée"> Recherche avancée</a></p></form></div></li><li><a class="mainmenu" href="/memberlist" rel="nofollow"><img id="i_icon_mini_members" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Membres" title="Membres">Membres</a> &nspb</li><li><a class="mainmenu" href="/groups"><img id="i_icon_mini_groups" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Groupes" title="Groupes">Groupes</a> &nspb</li><li><a class="mainmenu" href="/profile?mode=editprofile"><img id="i_icon_mini_profile" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Profil" title="Profil">Profil</a> &nspb</li><li><a class="mainmenu" href="/privmsg?folder=inbox"><img id="i_icon_mini_message" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Messagerie" title="Messagerie">Messagerie</a> &nspb</li><li><a class="mainmenu" href="/login?logout=1&amp;tid=84686121887210ecbad9e13a056ec60d&amp;key=30df93" rel="nofollow" id="logout"><img id="i_icon_mini_logout" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Déconnexion [ Admin ]" title="Déconnexion [ Admin ]">Déconnexion [ Admin ]</a> &nspb</li></ul></nav>

Voici le menu généré par le {GENERATED_NAV_BAR}
Comme vous pouvez le constater il y a des &nbsp (espaces) que je veux tout simplement voir disparaître.
J'ai donc trouvé mon bonheur (et je précise que avec une page html en local ça fonctionne, donc le code est bon)

Code:
$('#nav_menu ul').html($('#nav_menu ul').html().replace(/&nspb/g,''))

Seulement voilà, j'obtiens une page blanche, j’imagine que c'est sans doute un moyen d'éviter la manipulation du forum (je pense aux pubs) mais donc du coup c'est assez embêtant que ces espaces blancs puissent me générer un aussi grand vide...

Du coup je sais plus quoi faire pour les retirer, j'ai bien essayé le menu à la main mais impossible de trouver les fonctions pour (connecté) (non connecté) et aussi les fonctions plus spécifiques comme pour les messages, j'ai trouvé celui du login/login-out par contre {U_LOGIN_LOGOUT}

Donc voilà si vous pouviez m'aider ça serait juste super, merci d'avance.

edit: manifestement le code n'affiche pas les &nbsp mais ils sont bien présents donc je vais les nommer &nspb pour que vous voyez.


Dernière édition par esiao le Sam 25 Aoû 2012 - 13:13, édité 1 fois

esiao
Nouveau membre

Messages : 22
Inscrit(e) le : 24/08/2012

http://www.galaxy-graph.com
esiao a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer les espaces dans le menu de navigation (&nbsp)

Message par Dr. Sam le Sam 25 Aoû 2012 - 0:20

Bonjour,

Sur le lien de votre forum dans votre profil je ne vois pas d'espace ?

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer les espaces dans le menu de navigation (&nbsp)

Message par esiao le Sam 25 Aoû 2012 - 0:30

Oui c'est normal ce n'est pas le forum concerné, je fais ça sur un forum de test en punBB.

Mais j'ai avancé dans mon problème et je vais donc modifier la question en fonction :

- J'ai découvert que la page blanche c'est à cause du script qui se trouve dans rechercher (en le retirant du dom) ma fonction fonctionne.

Du coup je pense partir sur ça :
Faire une copie de la fonction rechercher (cut)
Code:
<script type="text/javascript">//<![CDATA[
var url_search = '/search';
insert_search_menu_new();//]]>
</script>
Faire appel à ma fonction
Remettre cette fonction à Rechercher.

Une idée de comment s'y prendre ?

esiao
Nouveau membre

Messages : 22
Inscrit(e) le : 24/08/2012

http://www.galaxy-graph.com
esiao a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer les espaces dans le menu de navigation (&nbsp)

Message par esiao le Sam 25 Aoû 2012 - 13:12

Pour tous ceux qui aimeraient faire la même chose :

Mettez Recherche au tout début du menu.
Ajoutez un lien Recherche dans le menu avec comme url /search
Mettez ce JS

Code:
$(function(){
$('#pun-navlinks ul li:first-child').remove();
$('#pun-navlinks').html($('#pun-navlinks').html().replace(/ /g,''));
});

Enjoy Wink
Néanmoins vous perdez le script de la recherche directe, il faut passer par la page.
Il faut savoir faire des concessions.

Bref réglé.

esiao
Nouveau membre

Messages : 22
Inscrit(e) le : 24/08/2012

http://www.galaxy-graph.com
esiao a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum