Afficher/Caché un <div> au survole (CSS/JS/HTML)

2 participants

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

Résolu Afficher/Caché un <div> au survole (CSS/JS/HTML)

Message par kidnap Dim 8 Jan 2012 - 15:17

Bonjours tout le monde, je viens vous demander un coup de main pour savoir si il etait possible qu'un tableau grandisse au passage de la sourie dessus et rapeticisse lorsque la sourie n'y est plus...

Lien vers la page concerner:
http://l-o-z.forumactif.org/h3-musique

EN bas de la page, vous verrez un lecteur de musique que j'aimerais "caché" pour ne pas prendre la place pour rien.

D'un autre coté, comme il s'agit d'un Iframe dans la partie supérieur du tableau et d'un autre qui appel le lecteur, je ne connais pas bien mes possibilités.

Je pensais à mouseover mais comme je n'ai jamais eu à utiliser cette fonction... Toute aide est la bienvenue ^^

Merci a tous et à bientot :]


J'ai contourné ce probleme mais cela me mène à un autre...
Je voudrais en faite modifier la position d'un élement.
Que lorsque la sourie est sur cette élement, il monte de x pixel.

Je vous laisse voir par vous meme, vous comprendrez peut etre mieux avec les images:
http://l-o-z.forumactif.org/h4-teste

Je voudrais que l'iframe ou est contenu deezer soit ~80 pixel plus bas et que lorsque l'on passe la sourie sur le bout dépassant, on récupere la totalité en faisant remonter le tout de ~80px.

Etant donné que je n'ai aucune notion de JS, je viens sollicité votre aide.
Merci a bientot :]

Edit:

Résolu, voila (pour les suivants) comment j'ai procéder:

Voila mon Iframe à laquelle j'ai appliquer l'id "deezer"
Code:
<iframe id="deezer" scrolling="no" frameborder="0" allowTransparency="true" src="http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=true&width=400&height=100&cover=false&btn_popup=true&type=playlist&id=66713733&title=" width="400" height="120"></iframe>

Du coté CSS, j'ai tout simplement créer un deuxieme avec les modifications voulu comme ceci:

Code:
#deezer:hover
{
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -200px;

float:left;
width:400px;
height:120px;
clear:both;


 opacity : 0.95;
    -moz-opacity : 0.95;
    -ms-filter: "alpha(opacity=95)";
    filter : alpha(opacity=95);

}

#deezer
{
position: absolute;
bottom: -85px;
left: 50%;
margin-left: -200px;

float:left;
width:400px;
height:120px;
clear:both;


 opacity : 0.65;
    -moz-opacity : 0.65;
    -ms-filter: "alpha(opacity=65)";
    filter : alpha(opacity=65);

}


Dernière édition par kidnap le Dim 8 Jan 2012 - 22:39, édité 3 fois
avatar

kidnap
Nouveau membre

Messages : 3
Inscrit(e) le : 23/10/2011

http://l-o-z.forumactif.org/
kidnap a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher/Caché un <div> au survole (CSS/JS/HTML)

Message par kidnap Dim 8 Jan 2012 - 16:29

En continuant de chercher un peu partout sur le net j'ai appris que les tableau n'etant pas des objets dynamique, apres leur création, impossible de les modifiés :S

Si vous avez une autre solution? Un Vector en java peut etre?
Mais comme je n'en connais rien d'autre que le nom (aussi bien du java que du vector), ça pose un petit probleme scratch
Merci


Solution trouver grâce à l'utilisation de div et non de tableau.


Dernière édition par kidnap le Dim 8 Jan 2012 - 22:21, édité 1 fois
avatar

kidnap
Nouveau membre

Messages : 3
Inscrit(e) le : 23/10/2011

http://l-o-z.forumactif.org/
kidnap a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher/Caché un <div> au survole (CSS/JS/HTML)

Message par kidnap Dim 8 Jan 2012 - 17:50

Personne? Sad


Dernière édition par kidnap le Dim 8 Jan 2012 - 22:21, édité 1 fois
avatar

kidnap
Nouveau membre

Messages : 3
Inscrit(e) le : 23/10/2011

http://l-o-z.forumactif.org/
kidnap a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher/Caché un <div> au survole (CSS/JS/HTML)

Message par Anzu Dim 8 Jan 2012 - 17:58

Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Afficher/Caché un <div> au survole (CSS/JS/HTML) Attention2 Sécurité : Mail de fondation - Ce qu'il ne faut pas faire
Afficher/Caché un <div> au survole (CSS/JS/HTML) Fleche10Listing - Questions/Réponses fréquentes
Afficher/Caché un <div> au survole (CSS/JS/HTML) Fleche10Listing - Trucs et astuces
Afficher/Caché un <div> au survole (CSS/JS/HTML) Fleche10 La fonction Rechercher
Afficher/Caché un <div> au survole (CSS/JS/HTML) Fleche10 La FAQ de Forumactif.com

N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink

Afficher/Caché un <div> au survole (CSS/JS/HTML) Send_210Bonjour,

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur ForumActif Smile

Bonsoir,

Inutile de poster après ce message, patientez comme tout le monde Smile

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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