cambiare width di un div in un css

[Jerry Masslo]

su constile ho trovato il codice che permette di variare le dimensione dei caratteri, funza, il problema sorge quando a partire da quello script voglio far cambiare dimensione a un div ma siccome javascript per me è turco è normale, quello che sono riuscito a fare e cambiare il width del body che mi sarebbe allo stesso modo utile se non fosse che ie il width del body non se lo fila, qualcuno sa come adattare quella funzione per applicarla a un div?

questo il codice:

function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = '; expires='+date.toGMTString();
}
else expires = '';
document.cookie = name+'='+value+expires+'; path=/';
}

function readCookie(name) {
var nameEQ = name + '=';
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}

function setFontSize(size) {
var body = document.getElementsByTagName('body')[0];
var percentuale = "80%"; // default
if (size == 1) percentuale = "70%";
if (size == 2) percentuale = "80%";
if (size == 3) percentuale = "90%";
if (size == 4) percentuale = "100%";
if (size == 5) percentuale = "110%";
body.style.fontSize = percentuale;
createCookie('TuoSitoFontSize',size,365);
}
function setWindowSize(size) {
var body = document.getElementsByTagName('body')[0];
var percentuale = "80%"; // default
if (size == 1) percentuale = "60%";
if (size == 2) percentuale = "70%";
if (size == 3) percentuale = "80%";
if (size == 4) percentuale = "90%";
if (size == 5) percentuale = "100%";
body.style.width = percentuale;
createCookie('TuoSitoWindowSize',size,365);
}
window.onload = function() {
size = readCookie('TuoSitoFontSize');
setFontSize(size);
setWindowSize(size);
}

la funzione SetWindowSize è quella adattata da me che vorrei far funzionare per un div. Così la console di Mozilla non mi segnala errori che non mancano quando cerco passargli il mio div.

[Xinod]

ma hai provato a cambiare
document.getElementsByTagName('body')[0]
con
document.getElementById('id_del_div')
?

[Jerry Masslo]

Originariamente inviato da Xinod
ma hai provato a cambiare
document.getElementsByTagName('body')[0]
con
document.getElementById('id_del_div')
?

no

avevo provato solo mettere l'id del div al posto del body ma sempre con getElementByTagName, ora provo, grazie

[Jerry Masslo]

ho provato ma non funza la console javascript di mozilla mi dà

Error: GetElementById is not a function

ho provato a mettere la s finale a Element tanto perché nell'altra funzione c'è ma mi dà lo stesso errore, ho provato anche altre varie combinazioni come GetElementByIdName ma mi dà sempre lo stesso errore.

[Mich_]

JS e` case-sensitive:
document.getElementById('ID_DEL_DIV')

[Jerry Masslo]

Ah è sensibile? Io di più
Provato, nisba.

Sto provando di tutto ma mi dà sempre errore l'ultimo mi dice: getElement ecc has no properties, quello che riesco a fare è solo andare a tentativi perché so nulla di javascript

il div si chiama Container ditemi tutto quello che devo cambiare ad esempio dove c'è var body che devo mettere?

[Jerry Masslo]

up up

[Mich_]

Il nome body potrebbe essere riservato, per cui io eviterei di usarlo (cambialo in qualcosa altro dappertutto).

Poi se hai bisogno di altre correzioni, posta il tuo script completo e le righe HTML cui lo script fa riferimento (altrimenti possiamo dare solo consigli a caso).

Ciao
Michele

[Jerry Masslo]

ok:
Questa è la funzione originale che serve a cambiare le dimensioni dei caratteri

function setFontSize(size) {
var body = document.getElementsByTagName('body')[0];
var percentuale = "80%"; // default
if (size == 1) percentuale = "70%";
if (size == 2) percentuale = "80%";
if (size == 3) percentuale = "90%";
if (size == 4) percentuale = "100%";
if (size == 5) percentuale = "110%";
body.style.fontSize = percentuale;
createCookie('TuoSitoFontSize',size,365);
}
nella pagina c'è un css inline, (poi lo metto esterno) con per quello che interessa qui.
body {font-size: 80%}

e poi uso la funzione per cambiare le dimensioni dei caratteri così:

<div id="sidebar-a">
1
2
3
4
5
</div>

Quello che vorrei è adattare questa funzione per cambiare il width di un div impostato in percentuale:

#Container {width: 80%}

Mi sarò spiegato?



grazie comunque

[Mich_]

Quella e` la funzione originale, e probabilmente funziona.

Ma tu vuoi una funzione diversa, che non agisce sul body, ma su un div.

Xinod gia` ti ha dato delle indicazioni che immagino tu abbia implementato ma per qualche motivo non funzionano.

Io sospetto un errore di sintassi, ma non posso correggerlo se non ho il tag <div> e lo script che stai usando.

Ciao
Michele