IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Conception Web Discussion :

Problème de codes


Sujet :

Conception Web

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Chaudronnier/tuyauteur
    Inscrit en
    Décembre 2010
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Chaudronnier/tuyauteur
    Secteur : Industrie

    Informations forums :
    Inscription : Décembre 2010
    Messages : 10
    Points : 7
    Points
    7
    Par défaut Problème de codes
    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 ?

    -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.
    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 ?

    Vous être les seuls qui je pense peuvent m'aider donc je vous remercie énormément d'avance pour votre aide précieuse.

  2. #2
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 700
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 700
    Points : 3 849
    Points
    3 849
    Billets dans le blog
    6
    Par défaut
    Des problème de codes pour un anarchiste, tout est normal non ?

    [OR SUJET]


    Sinon, je n'ai aucune idée de la solution à ce problème (que je n'ai d'ailleurs pas compris ^^')

  3. #3
    Futur Membre du Club
    Homme Profil pro
    Chaudronnier/tuyauteur
    Inscrit en
    Décembre 2010
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Chaudronnier/tuyauteur
    Secteur : Industrie

    Informations forums :
    Inscription : Décembre 2010
    Messages : 10
    Points : 7
    Points
    7
    Par défaut
    lol

    Ba rien de bien compliquer, car j'ai bien détailler mon problème pourtant lol,

    Sur mon forum, pour les sujets j'ai mis un script me permettant de ne plus avoir la barre description, la ou l'on peut y noter une description, mais un menu déroulant avec 3 choix dedans, ==>(voir script)

    [VU]
    [NON VU]
    [OR SUJET]

    Ensuite je désire inclure des image dans le titre d'un sujet, donc un autre script me permettant de faire ceci, ==>(voir script)

    Le script marche mais comme je l'ai dit,

    -L'image n'est pas centrer sous le titre
    -L'image est positionner entre 2 ligne au lieu d'être sur la ligne du titre
    -Et l'image n’apparais que quand je passe la sourie dessus.


    Pour finir j'aimerai un code pour assembler les 2 scripts.

    -Un menu déroulant (comme détailler avec le code que j'ai mis)
    -Mais également avec le menu déroulant remettre la description et pouvoir y ajouter une URL entre les balises [img]...[/img].


    Voilas je ne c'est comment mieux expliquer mon problème ! Mais après avoir je pense lu se message la, je pense que vous comprendrez peut être mieux l'autre.

    Merci de m'aider svp, je suis au désespoir depuis des mois, merci.

Discussions similaires

  1. problème de code avec un tableau
    Par richard038 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 12/05/2006, 17h35
  2. problème de code javascript pour une vue 360°
    Par tomguiss dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 14/03/2006, 22h50
  3. [POO] Problème de code PHP avec Internet Explorer
    Par bzoler dans le forum Langage
    Réponses: 5
    Dernier message: 12/02/2006, 11h00
  4. Problème de code besoin d un petit depannage
    Par rakengoule dans le forum MFC
    Réponses: 3
    Dernier message: 10/10/2005, 16h25
  5. Probléme de code non portable
    Par Stany dans le forum Windows
    Réponses: 2
    Dernier message: 23/08/2005, 11h02

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo