changer la taille d'un div dans OnClick

**kelyly** · 07/05/2010, 14h25

Bonjour
Je voudrais qu'en cliquant sur une rubrique, elle puisse s'ouvrir dans un div d'en-dessous mais pas avec la même taille
Par exemple, le div nommé "accueil" qui fait 410px de hauteur serait remplacé par une nouvelle rubrique mais avec une plus grande hauteur.
Est-ce possible ?

Merci.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<li><a href="rubrique.html" onclick="document.getElementById('accueil').src=this.href;return false;">ma rubrique</a></li>

**vermine** · 07/05/2010, 14h43

Oui, c'est possible.
Je vous conseille de lire la FAQ et de faire des recherches sur le forum afin que vous appreniez par vous-même.
Pour commencer, je séparerais le code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
onclick="document.getElementById('accueil')...

deviendrait:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
onclick="ma_fonction('accueil', this.href); return false;"

Avec la fonction:

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function ma_fonction(la_div, la_page)
{
    document.getElementById(la_div).src=la_page;
}

Et c'est dans cette fonction que j'en profiterais pour changer la taille de la div. C'est-à-dire changer le style de la div.

**kelyly** · 07/05/2010, 14h54

Merci, mais je ne comprend pas très bien comment on peut changer la taille d'une fonction et où on doit la mettre ou l'enregistrer. Je ne trouve pas de tutoriels là dessus :S

**kelyly** · 07/05/2010, 15h01

J'ai trouvé un tutoriel mais ça ne m'aide pas +

Sinon j'ai fait comme ça mais ça ne marche pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<head> <SCRIPT language="Javascript">
function taille(accueil, rubrique.html)
{
    document.getElementById(accueil).src=rubrique.html;
}
</SCRIPT>
</head>

[...]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

	<body>	<li><a href="rubrique.html" onclick="taille('accueil', this.href); return false;">Rubrique</a></li>   </body>

**vermine** · 07/05/2010, 15h13

Vous ne pouvez pas mettre de "." dans les noms de paramètres:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
function taille(accueil, rubrique.html)

Pour le reste faites une recherche sur le forum Javascript avec les mots clefs:

modifier style taille

Vous obtiendrez sans doute de quoi lire.

**kelyly** · 07/05/2010, 16h00

J'ai essayé plein de codes que j'ai trouvé, mais ça ne marche toujours pas. Tant pis j'vais me débrouiller autrement. Merci quand même

changer la taille d'un div dans OnClick

JavaScript

Vue hybride

Discussions similaires

Partager

Partager