Redimensionner un clic de bouton div sur, cela devrait-il être fait avec AJAX?

Je souhaite redimensionner un div du côté client, c'est la valeur par défaut est la hauteur: 500px, en cliquant sur mon bouton le définit en hauteur: 700px.

C'est un site Web d'asp.net.

Je suis invité à le faire en utilisant AJAX et je ne sais pas si cela signifie utiliser le javascript côté client de la bibliothèque Microsoft AJAX, ou si cela signifie utiliser AJAX côté serveur faisant un postback partiel.

La grille peut être ajustée correctement si j'ouvre les outils de développement IE et ajoute la hauteur css en ligne: attribut 500px de l'élément div.

<div id="myDiv" style="position: relative; width: 100%; height: 500px; overflow: hidden;">

Cela devrait-il être fait en utilisant AJAX, quelles sont les options? JavaScript, JQuery, tout avantage d'utiliser l'un ou l'autre?

Modifier: merci

Vous pouvez faire un Javascript pur pour cela, ou vous pouvez utiliser jQuery ou une autre bibliothèque côté client. Un voyage aller-retour vers le serveur serait un gaspillage de ressources. Ajax (Javascript asynchrone et XML) semble être un gaspillage là où le JavaScript du client le ferait.

En utilisant jQuery, votre code serait:

 $("#button").click(function() { $("#myDiv").style('height','700px'); });

Alternativement, vos styles devraient vraiment être dans un fichier CSS externe. Dans ce dossier, vous auriez:

 #myDiv { position: relative; width: 100%; overflow: hidden; } .myDivStartHeight { height: 500px; } .myDivNewHeight { height: 700px; }

Votre HTML assignerait initialement une classe de myDivStartHeight (en utilisant un nom plus sémantique) à myDiv . Ensuite, vous pourriez:

 $("#button").click(function() { $("#myDiv").removeClass("myDivStartHeight").addClass("myDivNewHeight"); });

Cela peut également être fait en Javascript pur sans jQuery si vous n'avez aucun autre besoin pour jQuery.

 button.onclick = function() { var div = document.getElementById("myDiv"); if(div) { div.style.height = "700px"; } };

Sans jQuery, vous vous ouvrez pour gérer plus de différences de navigateur, ce qui ne sera pas terriblement amusant. Cependant, jQuery ajoute des bits à votre code et il y a des moments où il peut être trop coûteux!

Que ce dont vous parlez est tout javascript, et oui, il devrait être fait en utilisant javascript.

Vous pouvez écrire directement javascript en ligne dans votre élément div, ou vous pouvez écrire une fonction pour le faire et l'appeler sur le clic.