Bonjour à vous la communauté, J’espère ne pas poster au mauvaise endroit.
Je fait appel à vous car je n'arrive décidément pas à finaliser certain code pour mon forum et j'ai besoin de professionnelle dans le domaine aller c'est partie.
De 1 :
J'ai sur mon forum supprimer la partie "description" qui se trouve dans un sujet que l'on est en train de créé pour insérer à la place un menu déroulant avec
- VU
- NON VU
-OR SUJET
le script en question est celui la (placer dans gestion des javascript):
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 $(function$(function() { document.forms.post && document.forms.post.description && $('<select name="description"><option></option><option style="color:#F7EF00"> [VU]</option><option style="color:#0B9D00"> [NON VU]</option><option style="color:#F70000"> [OR SUJET]</option></select>').val(document.forms.post.description.value).replaceAll(document.forms.post.description).closest("tr").find(".row1 .gen b").text("Balises") });
Et pour mettre de la couleur celui-ci :
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 $(function() { $(".topictitle + .genmed").each(function() { switch($(this).text().replace(/^\s*([\s\S]*?)\s*$/, "$1")) { case "[VU]": $(this).css("color", "#F7EF00"); break; case "[NON VU]": $(this).css("color", "#0B9D00"); break; case "[OR SUJET]": $(this).css("color", "#F70000") } }) });
Donc je n'est plus de description mais un menu déroulant ! jusqu'à la aucun souci.
De 2 :
Mais maintenant je désire mettre une image sur le titre de certains sujet comme par exemple :
ANIMAUX
Mais dans la description d'un sujet, mais je n'est plus description car j'ai un menu déroulant de 1 et de 2 même quand je disposais du menu description, les balises [img][/img] ou même <img></img> ne passe pas ! Au lieu de l'image j'ai le lien URL ^^
Donc j'ai essayer de mettre se script la pour que les images soient vu dans description :
(Partie Template "Topic_list_box")
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18 <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(".description").each(function(){ var content = jQuery(this).html(); var detector = /\[img\](.*)\[\/img\]/ ; var url = detector.exec(content ); content = content.replace(url[0],"<div class='topicImage'><img src='"+url[1]+"'/></div>"); jQuery(this).html(content); }); jQuery("div.topictitle").mouseover(function(){ jQuery(this).parent().find(".topicImage").fadeIn(1500); }); jQuery("div.topictitle").mouseout(function(){ jQuery(this).parent().find(".topicImage").fadeOut(1500); }); }); </script>
Ensuite j'ai remplacer sa : (toujours dans Topic_list_box)
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <!-- BEGIN switch_description --> <span class="genmed"> <br /> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span> <!-- END switch_description -->
Par sa :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <!-- BEGIN switch_description --> <div class="description genmed"> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </div> <!-- END switch_description -->
Et pour finir dans la partie CSS :
J'ai mis sa :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 .topicImage { position : absolute ; display : none ; background : #FFFFFF ; border : solid 1px; padding : 10px ; }
Alors mon problème est le suivant avec ses codes la,
-l'image y est mais elle est partagé entre 2 ligne au lieu d'être sur le sujet concerné.
-L'image n'est pas centré dessous au milieu du titre.
-Et l'image n'apparais que au passage du survol de la sourie.
Alors ma demande est celle la :
Comment peut t'on faire pour que ces 3 choses soient régler ?
Et une fois faite quel code me faudrait t'il pour combiner les premiers scripts qui me permette d'avoir un menu déroulant avec les derniers qui me permette d'avoir une image avec un le titre d'un sujet ?-l'image y est mais elle est partagé entre 2 ligne au lieu d'être sur le sujet concerné.
-L'image n'est pas centré dessous au milieu du titre.
-Et l'image n'apparais que au passage du survol de la sourie.
Vous être les seuls qui je pense peuvent m'aider donc je vous remercie énormément d'avance pour votre aide précieuse.
Partager