JavaScript Bouton Radio et Input

Résolu/Fermé
didy_gwatinik Messages postés 352 Date d'inscription samedi 17 novembre 2007 Statut Membre Dernière intervention 30 mars 2010 - 28 oct. 2008 à 16:06
didy_gwatinik Messages postés 352 Date d'inscription samedi 17 novembre 2007 Statut Membre Dernière intervention 30 mars 2010 - 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"/>
A voir également:

2 réponses

moicjm Messages postés 271 Date d'inscription mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012 18
28 oct. 2008 à 16:10
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 samedi 17 novembre 2007 Statut Membre Dernière intervention 30 mars 2010 80
28 oct. 2008 à 16:22
ouh la je ne comprends pas grand chose à qupi servent les attributs dans opacity?
0
didy_gwatinik Messages postés 352 Date d'inscription samedi 17 novembre 2007 Statut Membre Dernière intervention 30 mars 2010 80 > didy_gwatinik Messages postés 352 Date d'inscription samedi 17 novembre 2007 Statut Membre Dernière intervention 30 mars 2010
28 oct. 2008 à 16:45
J'ai trouvé : http://www.editeurjavascript.com/forums/topic-27587-4-2.html
0
moicjm Messages postés 271 Date d'inscription mardi 16 octobre 2007 Statut Membre Dernière intervention 12 décembre 2012 18
28 oct. 2008 à 17:19
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 samedi 17 novembre 2007 Statut Membre Dernière intervention 30 mars 2010 80
28 oct. 2008 à 18:13
Sisi merci de m'avoir aidé j'ai juste eu un peu de mal!
0