JavaScript Bouton Radio et Input

Résolu
didy_gwatinik Messages postés 358 Statut Membre -  
didy_gwatinik Messages postés 358 Statut Membre -
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

Réponse 1 / 2
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;
}



0
didy_gwatinik Messages postés 358 Statut Membre 80
 
ouh la je ne comprends pas grand chose à qupi servent les attributs dans opacity?
0
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
didy_gwatinik Messages postés 358 Statut Membre 80
 
Sisi merci de m'avoir aidé j'ai juste eu un peu de mal!
0

Discussions similaires

input signal out of range
marlene -
usman000 -

14 réponses
Où est la touche SHIFT sur mon clavier d'ordi ?
joe! -
fernando-_ytb -

18 réponses
Bouton ON OFF, O ou I ?
Stargirlfr -
kaparzo23 -

12 réponses
Quel est la touche shift sur le clavier
paoade -
PRIPRI -

8 réponses
comment désactiver out of range
lzri98 -
jeannets -

3 réponses