Cadre qui ne disparaît pas

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

Résolu Cadre qui ne disparaît pas

Message par Magda Sully le Sam 25 Aoû 2012 - 19:01

Bonjour,
J'ai un projet en ce moment pour mon Panneau d'affichage qui utilise HTML, CSS et Javascript. Comme c'est le tout premier Javascript que je dois gérer pratiquement sans aide et que je dois adapter à mon forum, j'ai fait des erreurs de ce côté-là et n'arrive pas à les régler.
Voici le lien de mon forum : http://robotic-earth.forumactif.org/

Il y a le cadre gris qui est en plein milieu. Il est sensé ne pas être là, et n'apparaître que lorsqu'on survole un élément donné (robot ou fenêtre).
Voici tout les codes concernant le cadre :

HTML :
Code:
<div id="content1"></div>

CSS:
Code:
#content1{
  position: absolute;
  top: 100px;
  left:100px;
  width: 500px;
  height: 250px;
  background-color: #333;
  color: #c6dabc;
  paddign: 20px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  overflow: hidden;
}

Javascript:
Code:
function affichCont1(Labell){
  $("#content1").html("");
switch (Labell) {
  case "robot":
  $("content1").html("contenu au passage de robot");
break;
  case "window1":
    $("content1").html("contenu au passage de window1");
break;
  case "window2":
    $("content1").html("contenu au passage de window2");
break;
  case "window3":
    $("content1").html("contenu au passage de window3");
break;
  case "window4":
    $("content1").html("contenu au passage de window4");
break;
  case "window5":
    $("content1").html("contenu au passage de window5");
break;
  case "window6":
    $("content1").html("contenu au passage de window6");
break;
}

$("#content1").slidedown("slow",function (){
contDisplay=1; });
}

$("body").mousehover(function(){
if(contDisplay==1){cacheCont();}
});

function cacheCont(){
  $("#content1).slideUp();
  contDisplay=0;
}

Les erreurs doivent sûrement se trouver au niveau du Javascript.
Merci d'avance!


Dernière édition par Magda Sully le Dim 26 Aoû 2012 - 12:09, édité 1 fois

Magda Sully
**

Féminin
Messages : 67
Inscrit(e) le : 10/05/2012

http://robotic-earth.forumactif.org/
Magda Sully a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre qui ne disparaît pas

Message par Milouze14 le Dim 26 Aoû 2012 - 7:12

Salut Magda Sully,

Il y a le cadre gris qui est en plein milieu. Il est sensé ne pas être là, et n'apparaître que lorsqu'on survole un élément donné (robot ou fenêtre).

Dans ce cas dans cette partie :
Code:
 #content1{
          position: absolute;
          top: 100px;
          left:100px;
          width: 500px;
          height: 250px;
          background-color: #333;
          color: #c6dabc;
          paddign: 20px;
          -webkit-border-radius: 40px;
          -moz-border-radius: 40px;
          border-radius: 40px;
          overflow: hidden;
        }

ajoute un display:none; pour masquer ce module Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre qui ne disparaît pas

Message par Magda Sully le Dim 26 Aoû 2012 - 11:48

Okey, c'est bon, il a disparu. Par contre je ne considère pas ce problème comme résolu car comme je n'ai pas fini la mise en place de ce panneau d'affichage, j'aurais sûrement des problèmes par la suite Wink

EDIT : Décidément, tout les Javascripts que je fais ne marchent pas. En fait, je crois que je me suis trompée déjà rien qu'en créant les images, alors je vais laisser tomber pour le moment, je recommencerait plus tard, quand j'aurais plus de connaissances. Merci quand même Wink

Magda Sully
**

Féminin
Messages : 67
Inscrit(e) le : 10/05/2012

http://robotic-earth.forumactif.org/
Magda Sully 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