JavaScript Bouton Radio et Input

Résolu
didy_gwatinik Messages postés 352 Date d'inscription   Statut Membre Dernière intervention   -  
didy_gwatinik Messages postés 352 Date d'inscription   Statut Membre Dernière intervention   -
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"/>
A voir également:

2 réponses

moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   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;
}



0
didy_gwatinik Messages postés 352 Date d'inscription   Statut Membre Dernière intervention   80
 
ouh la je ne comprends pas grand chose à qupi servent les attributs dans opacity?
0
didy_gwatinik Messages postés 352 Date d'inscription   Statut Membre Dernière intervention   80 > didy_gwatinik Messages postés 352 Date d'inscription   Statut Membre Dernière intervention  
 
J'ai trouvé : http://www.editeurjavascript.com/forums/topic-27587-4-2.html
0
moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   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
didy_gwatinik Messages postés 352 Date d'inscription   Statut Membre Dernière intervention   80
 
Sisi merci de m'avoir aidé j'ai juste eu un peu de mal!
0