JavaScript Bouton Radio et Input

Résolu

didy_gwatinik Messages postés 358 Statut Membre -
didy_gwatinik Messages postés 358 Statut Membre - 28 oct. 2008 à 18:13

Bonjour,
Voilà je suis sur un site et j'ai un petit souci, je voudrai que quand l'utilisateur sélectionne le bouton Artiste, 2 champs supplémentaires puissent s'afficher : numéro de téléphone et nom artiste. Je pense que c'est possible en javascript mais je ne vois pas comment.

<label>Vous souhaitez être</label><br />
Membre<input type="radio" name="Membre" value="Membre" />
Artiste<input type="radio" name="Membre" value="Artiste" id="Artiste"/>

Configuration: Windows XP
Firefox 3.0.3

Afficher la suite

2 réponses

moicjm Messages postés 276 Statut Membre 18

Ma proposition : à adapter

entre head et /head

<SCRIPT type="text/javascript">

function shiftOpacity(id, millisec) {

    //if an element is visible, make it invisible, else make it invisible
    if(document.getElementById(id).style.opacity != 0) {
        opacity(id, 100, 0, millisec);
    } else {
         opacity(id, 0, 100, millisec);

    }
} 


function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 
</script>

Entre body et body:

<a href="javascript:shiftOpacity('opacity', 1000)">Artiste</a>

et dans le CSS:

#opacity
{
border: 0px solid green;
opacity: 0;
filter : alpha(opacity=0); 
color: #292929;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100%;
}

#opacity a
{
color: black;
}

didy_gwatinik Messages postés 358 Statut Membre 80

ouh la je ne comprends pas grand chose à qupi servent les attributs dans opacity?
0
1. didy_gwatinik Messages postés 358 Statut Membre 80 > didy_gwatinik Messages postés 358 Statut Membre
  
  J'ai trouvé : http://www.editeurjavascript.com/forums/topic-27587-4-2.html
  
  0

Réponse 2 / 2
moicjm Messages postés 276 Statut Membre 18

De rien.

C'est dingue ça. Meme pas un merci.
Moi, ma fonction opacity, je l'adore. C'est fluide, c'est top. Je kiffe grave !!!
0
1. didy_gwatinik Messages postés 358 Statut Membre 80
  
  Sisi merci de m'avoir aidé j'ai juste eu un peu de mal!
  
  0

JavaScript Bouton Radio et Input

2 réponses

Discussions similaires

Newsletters