Besoin d'aide svp.
karimgg
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
Rastignak -
Rastignak -
voici mon code html et en bas mon code css , maintenant je voudrais que creer un bouton radion qui permetra de choisir le paragraphe a modifier . merci encor
<html>
<head>
<head>
<title>intervertir</title>
<link rel="stylesheet" href='style2.css' type='text/css'/>
<script type="text/javascript">
function styleSet(){
var allgetClass = document.getElementsByTagName("select");
var laclasse="";
for (var i=0;i<allgetClass.length;i++){
laclasse += allgetClass[i].value+" ";
}
//alert(" la classe recupe est "+laclasse);
var allP = document.getElementsByTagName("p");
for (var i=0;i<allP.length;i++){
allP[i].className =laclasse;
}
}
</script>
</head>
<body >
<div style='background:#0000ff; color:#fff'> choix de l'arrier plan
<select onchange='styleSet()'>
<option value='bgyellow'> jaune</option>
<option value='bggreen'> vert</option>
<option value='bgred'> rouge</option >
<option value='bgwhite'> blanche </option>
</select>
choix de la taille
<select onchange='styleSet()' >
<option value='small'> petite taille </option>
<option value='middel'> taille moyenne</option>
<option value='big'> grande taille</option>
</select>
</div>
<p class=''>
La ville de Saint-Louis est 1</br>
La ville de Saint-Louis est 1 </br>
La ville de Saint-Louis est 1
</p>
<p class=''>
Dix ans plus tard, le compto .2</br>
Dix ans plus tard, le compto .2</br>
Dix ans plus tard, le compto .2
</p>
<p class=''>
Durant le XVIIIe siècle ; 3 </br>
Durant le XVIIIe siècle ; 3</br>
Durant le XVIIIe siècle ; 3
</p>
</body>
<html>
<head>
<head>
<title>intervertir</title>
<link rel="stylesheet" href='style2.css' type='text/css'/>
<script type="text/javascript">
function styleSet(){
var allgetClass = document.getElementsByTagName("select");
var laclasse="";
for (var i=0;i<allgetClass.length;i++){
laclasse += allgetClass[i].value+" ";
}
//alert(" la classe recupe est "+laclasse);
var allP = document.getElementsByTagName("p");
for (var i=0;i<allP.length;i++){
allP[i].className =laclasse;
}
}
</script>
</head>
<body >
<div style='background:#0000ff; color:#fff'> choix de l'arrier plan
<select onchange='styleSet()'>
<option value='bgyellow'> jaune</option>
<option value='bggreen'> vert</option>
<option value='bgred'> rouge</option >
<option value='bgwhite'> blanche </option>
</select>
choix de la taille
<select onchange='styleSet()' >
<option value='small'> petite taille </option>
<option value='middel'> taille moyenne</option>
<option value='big'> grande taille</option>
</select>
</div>
<p class=''>
La ville de Saint-Louis est 1</br>
La ville de Saint-Louis est 1 </br>
La ville de Saint-Louis est 1
</p>
<p class=''>
Dix ans plus tard, le compto .2</br>
Dix ans plus tard, le compto .2</br>
Dix ans plus tard, le compto .2
</p>
<p class=''>
Durant le XVIIIe siècle ; 3 </br>
Durant le XVIIIe siècle ; 3</br>
Durant le XVIIIe siècle ; 3
</p>
</body>