Discussion :

[Ocyloth]

Bonjour,

J'utilise la plateforme Forumactif pour la création de mon forum et je dois recourir à certains codes "exotiques" pour pallier au manque de flexibilité de celle-ci.

J'ai réussi, en Jquery, à transférer le contenu d'une div à un autre emplacement sur le forum grâce à ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
jQuery(document).ready(function(){
 
$('#emplacement_navigation').html( $('#vraie_navigation_div').html());
 
 
});

Où la div emplacement_navigation reçoit le contenu de vraie_navigation_div (qui est en display: none dans le CSS). Mon code, en théorie, fonctionne: il peut recevoir du contenu de vraie_navigation_div et l'afficher à l'endroit où je veux. Cependant, lorsque vient le temps d'intégrer la vraie navigation de Forumactif, une erreur se produit (la page charge indéfiniement et reste blanche).

Après quelques essais, j'ai déduit que le problème venait de cette portion de la navigation:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<a rel="nofollow" onclick="showhide(document.getElementById('search_menu')); return false;" href="/search" class="mainmenu"><img hspace="2" height="13" border="0" title="Rechercher" alt="Rechercher" src="http://illiweb.com/fa/empty.gif" class="sprite-icon_mini_search" id="i_icon_mini_search">Rechercher</a>
<script type="text/javascript">
//<![CDATA[
var url_search = '/search';
insert_search_menu();//]]>
</script>
<div id="search_menu" style="display:none;position:absolute;z-index:10000">
<form method="get" action="/search">
</div>

J'ai l'impression que c'est le code javascript qui est traité dans le code JQuery qui pose problème (un peu à la manière d'une injection SQL).

Je n'ai pas besoin de ce code Javascript pour que ma navigation fonctionne (il n'affiche qu'un pop-up que je trouve de toute manière très contraignant), mais le problème c'est que je ne peux pas directement éditer le HTML (Forumactif, oblige).

Ma question est donc la suivante:

Est-ce que je peux supprimer le côté inutile de la chose pour n'avoir que ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a rel="nofollow" href="/search" class="mainmenu"><img hspace="2" height="13" border="0" title="Rechercher" alt="Rechercher" src="http://illiweb.com/fa/empty.gif" class="sprite-icon_mini_search" id="i_icon_mini_search">Rechercher</a>

En ajoutant une instruction à mon JQuery ou en ayant recours à un autre code ?

Merci beaucoup de votre aide.

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#emplacement_navigation').html( $('#vraie_navigation_div').html().find('script').remove());

[Ocyloth]

Merci pour cette réponse, SpaceFrog

Par contre, elle m'oblige à supprimer tout d'un coup...Est-ce que, à ce moment là, il n'y aurait pas un moyen de remplacer ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<a rel="nofollow" onclick="showhide(document.getElementById('search_menu')); return false;" href="/search" class="mainmenu"><img hspace="2" height="13" border="0" title="Rechercher" alt="Rechercher" src="http://illiweb.com/fa/empty.gif" class="sprite-icon_mini_search" id="i_icon_mini_search">Rechercher</a>
<script type="text/javascript">
//<![CDATA[
var url_search = '/search';
insert_search_menu();//]]>
</script>
<div id="search_menu" style="display:none;position:absolute;z-index:10000">
<form method="get" action="/search">
</div>

par cela:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a rel="nofollow" href="/search" class="mainmenu"><img hspace="2" height="13" border="0" title="Rechercher" alt="Rechercher" src="http://illiweb.com/fa/empty.gif" class="sprite-icon_mini_search" id="i_icon_mini_search">Rechercher</a>

?

Merci beaucoup

Ocyloth

EDIT:

J'ai essayé un truc comme ça, mais une erreur survient: la page ne charge pas et reste blanche...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
jQuery(document).ready(function(){
 
var $indesirable = '<a rel="nofollow" onclick="showhide(document.getElementById(\'search_menu\')); return false;" href="/search" class="mainmenu"><img hspace="2" height="13" border="0" title="Rechercher" alt="Rechercher" src="http://illiweb.com/fa/empty.gif" class="sprite-icon_mini_search" id="i_icon_mini_search">Rechercher</a>\n<script type="text/javascript">\n//<![CDATA[\nvar url_search = \'/search\';\ninsert_search_menu();//]]>\n</script>\n<div id="search_menu" style="display:none;position:absolute;z-index:10000">\n<form method="get" action="/search">\n</div>'
var $desirable = '<a rel="nofollow" href="/search" class="mainmenu"><img hspace="2" height="13" border="0" title="Rechercher" alt="Rechercher" src="http://illiweb.com/fa/empty.gif" class="sprite-icon_mini_search" id="i_icon_mini_search">Rechercher</a>'
 
$('#emplacement_navigation').html($('#vraie_navigation_div').html().replace($indesirable, $desirable));
 
 
});

EDIT2:

Dans la source comme telle, il le code du bouton que je désire remplacer est différent que celui obtenu par Firebug, j'ai donc fait le changement en conséquence de la source, sans davantage de résultats... je sèche.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
jQuery(document).ready(function(){
 
var $indesirable = '<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" height="13" hspace="2" alt="Rechercher" title="Rechercher" />Rechercher</a> &nbsp;<script type="text/javascript">//<![CDATA[\nvar url_search = \'/search\';\ninsert_search_menu();//]]>\n</script>'
 
var $desirable = '<a rel="nofollow" href="/search" class="mainmenu"><img hspace="2" height="13" border="0" title="Rechercher" alt="Rechercher" src="http://illiweb.com/fa/empty.gif" class="sprite-icon_mini_search" id="i_icon_mini_search">Rechercher</a>'
 
 
$('#emplacement_navigation').html($('#vraie_navigation_div').html().replace($indesirable, $desirable));
 
 
});