2010-11-23 12 views
3

Bonjour tout le monde J'ai un div sur le pointeur de la souris je veux changer la frontière de div.And sur plus de choses id est changé dynamiquement. S'il vous plaît me fournir de l'aide pour cela MerciSurvoler comment changer la frontière div

+2

Quel code avez-vous essayé qui ne fonctionne pas pour vous? –

Répondre

3

peut-il vous aider

<div onmouseover="somefunction(<?php echo $divid ?>)"> </div> 


<script> 
function somefunction(id) 
{ 
document.getElementById(id).style.border="10px #FF0000 solid"; 
} 
</script> 
+0

Je vais essayer je pense que cela va m'aider.Merci pour la réponse – Chauhan

+0

Hmm son great.its travail avec succès.Merci – Chauhan

4

Est-ce que cela ne fait pas l'affaire?

div {} 
div:hover {border:1px solid #000000;} 
+0

Bonne réponse, gardez les choses simples! – ppolak

4

Si vous voulez que cela fonctionne dans tous les navigateurs, vous aurez besoin d'utiliser javascript plutôt que la classe pseudo :hover. Les versions plus anciennes ou IE n'aiment pas: survolez les éléments qui ne sont pas des balises d'ancrage.

Ainsi, vous pouvez simplement fournir une classe à la div, puis utiliser jQuery pour la sélectionner facilement. C'est probablement le moyen le plus simple.

Quelque chose comme:

$(function(){ 

    $('.yourclass').hover(
    function(){ 
     $(this).addClass('hovered'); 
    }, 
    function(){ 
     $(this).removeClass('hovered'); 
    } 
); 

}); 

Lorsque la classe planait contient le css pour votre état plané.

Si vous voulez changer l'ID sur le vol stationnaire, vous pouvez ajouter que dans le code ci-dessus avec $(this).attr('id','newID');

+0

' ' – Chauhan

+0

J'essaie cela par javascript. Je suis débutant donc je ne connais pas la syntaxe de javascript exact.please répondre – Chauhan

3

CSS fournit le: sélecteur de vol stationnaire qui devrait fonctionner sur la div.

par exemple:

div:hover { border: 1px solid #454545; } 

Comme pour changer l'ID du je dynamiquement utiliser jQuery

jQuery(this).attr("id",newId); 

Si vous postez code spécifique je peux aider avec la syntaxe pour votre cas ...

+0

' ' – Chauhan

+0

Jetez un oeil à ce code.i m en essayant cela en utilisant javascript.divID est dynamique. S'il vous plaît répondre son très très urgent. – Chauhan

+0

Monsieur mon problème résolu merci de me répondre. – Chauhan