[Resolvido] Setar 2 variaveis

[maurohpg 0]

Olá, não manjo muito de JS e estou com uma dúvida preciso criar 2 variaveis diferentes nos scripts não sei se estou fazendo na forma certa. A variavel var max=45; temq ue ser diferente da variavel var max=125; como eu devo fazer isso?

 

Agradeço desde ja. Vou postar o codigo que eu estou usando essas variaveis.

Valeu

 

<script type="text/javascript">
var max=45;
var ancho=300;
function progreso_tecla(obj) {
  var progreso = document.getElementById("progreso");  
  if (obj.value.length < max) {
    progreso.style.backgroundColor = "#FFFFFF";    
    progreso.style.backgroundImage = "url(textarea.png)";    
    progreso.style.color = "#000000";
    var pos = ancho-parseInt((ancho*parseInt(obj.value.length))/45);
    progreso.style.backgroundPosition = "-"+pos+"px 0px";
  } else {
    progreso.style.backgroundColor = "#CC0000";    
    progreso.style.backgroundImage = "url()";    
    progreso.style.color = "#FFFFFF";
  } 
  progreso.innerHTML = "("+obj.value.length+" / "+max+")";
}

var max=125;
var ancho2=300;
function progreso2_tecla(obj) {
  var progreso2 = document.getElementById("progreso2");  
  if (obj.value.length < max) {
    progreso2.style.backgroundColor = "#FFFFFF";    
    progreso2.style.backgroundImage = "url(textarea.png)";    
    progreso2.style.color = "#000000";
    var pos2 = ancho2-parseInt((ancho2*parseInt(obj.value.length))/125);
    progreso2.style.backgroundPosition = "-"+pos2+"px 0px";
  } else {
    progreso2.style.backgroundColor = "#CC0000";    
    progreso2.style.backgroundImage = "url()";    
    progreso2.style.color = "#FFFFFF";
  } 
  progreso2.innerHTML = "("+obj.value.length+" / "+max+")";
}
</script>

[Dee 0]

você nao pode fazer isso.

var max = 45;
var max = 125;

Assim você sobrepoe o valor da outra.

E a variável max vai ser 125.

 

Assim com você fez para a variável ancho, declarando:

var ancho = 300;
var ancho2 = 300;

Pq você nao faz o mesmo para a variável max ?

var max = 45;
var max2 = 125;

[maurohpg 0]

você nao pode fazer isso.

var max = 45;
var max = 125;

Assim você sobrepoe o valor da outra.

E a variável max vai ser 125.

 

Assim com você fez para a variável ancho, declarando:

var ancho = 300;
var ancho2 = 300;

Pq você nao faz o mesmo para a variável max ?

var max = 45;
var max2 = 125;

Pensei em fazer isso mas quando eu coloco max2 ela deixa de ser uma variavel.

[Dee 0]

Como assim, deixa de ser variável ?

Porque você está declarando ela assim.

Você está colocando max2 também na função function progreso2_tecla(obj) ?

[maurohpg 0]

Como assim, deixa de ser variável ?

Porque você está declarando ela assim.

Você está colocando max2 também na função function progreso2_tecla(obj) ?

 

Esse var max=45 e var max=125 estou usando para limitar o tamanho do textarea quando eu coloco max2=125 essa variavel some e ai usa a var max=45, pelo que eu vi essa variavel tem var max e var mim então se eu colocar o 2 depois do max ela deixa de ser variavel.

[Dee 0]

<script type="text/javascript">

function progreso_tecla(obj) {

var max=45;

var ancho=300;

 

var progreso = document.getElementById("progreso");

if (obj.value.length < max) {

progreso.style.backgroundColor = "#FFFFFF";

progreso.style.backgroundImage = "url(textarea.png)";

progreso.style.color = "#000000";

var pos = ancho-parseInt((ancho*parseInt(obj.value.length))/45);

progreso.style.backgroundPosition = "-"+pos+"px 0px";

} else {

progreso.style.backgroundColor = "#CC0000";

progreso.style.backgroundImage = "url()";

progreso.style.color = "#FFFFFF";

}

progreso.innerHTML = "("+obj.value.length+" / "+max+")";

}

 

function progreso2_tecla(obj) {

var max2=125;

var ancho2=300;

var progreso2 = document.getElementById("progreso2");

if (obj.value.length < max2) {

progreso2.style.backgroundColor = "#FFFFFF";

progreso2.style.backgroundImage = "url(textarea.png)";

progreso2.style.color = "#000000";

var pos2 = ancho2-parseInt((ancho2*parseInt(obj.value.length))/125);

progreso2.style.backgroundPosition = "-"+pos2+"px 0px";

} else {

progreso2.style.backgroundColor = "#CC0000";

progreso2.style.backgroundImage = "url()";

progreso2.style.color = "#FFFFFF";

}

progreso2.innerHTML = "("+obj.value.length+" / "+max2+")";

}

</script>

[maurohpg 0]

Não deu certo desse jeito que você me mandou, coloquei no ar uma página pra você intender o que esta acontecendo:

 

http://www.maurohpg.com.br/adicionar_noticia.php

 

O campo titulo tem 0/45 quando você clica nele para escrever ele se torna automaticamente 0/125.

 

Cada campo tem limite de x caracteres por isso tenho que declarar 2 ou mais variaveis de max=x

[Thiago Retondar 18]

Você pode colocar números no nome dá variável, desde que não seja o primeiro caractere.

 

O que você quer fazer é criar a variável para usar na função, certo? Oras, então crie a variável dentro da função, assim a variável fica apenas àquele escopo.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[maurohpg 0]

Você pode colocar números no nome dá variável, desde que não seja o primeiro caractere.

 

O que você quer fazer é criar a variável para usar na função, certo? Oras, então crie a variável dentro da função, assim a variável fica apenas àquele escopo.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Bom dia Thiago, não conheço muito java script você teria um exemplo para me passar para me dar uma luz de como fazer isso?

 

Valeuu

[Thiago Retondar 18]

Só colocar a variável dentro da função.

 

function progreso_tecla(obj) {
  var max = 45;
  var ancho = 300;
  var progreso = document.getElementById("progreso");  
  if (obj.value.length < max) {
    progreso.style.backgroundColor = "#FFFFFF";    
    progreso.style.backgroundImage = "url(textarea.png)";    
    progreso.style.color = "#000000";
    var pos = ancho-parseInt((ancho*parseInt(obj.value.length))/45);
    progreso.style.backgroundPosition = "-"+pos+"px 0px";
  } else {
    progreso.style.backgroundColor = "#CC0000";    
    progreso.style.backgroundImage = "url()";    
    progreso.style.color = "#FFFFFF";
  } 
  progreso.innerHTML = "("+obj.value.length+" / "+max+")";
}

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[maurohpg 0]

Só colocar a variável dentro da função.

 

function progreso_tecla(obj) {
  var max = 45;
  var ancho = 300;
  var progreso = document.getElementById("progreso");  
  if (obj.value.length < max) {
    progreso.style.backgroundColor = "#FFFFFF";    
    progreso.style.backgroundImage = "url(textarea.png)";    
    progreso.style.color = "#000000";
    var pos = ancho-parseInt((ancho*parseInt(obj.value.length))/45);
    progreso.style.backgroundPosition = "-"+pos+"px 0px";
  } else {
    progreso.style.backgroundColor = "#CC0000";    
    progreso.style.backgroundImage = "url()";    
    progreso.style.color = "#FFFFFF";
  } 
  progreso.innerHTML = "("+obj.value.length+" / "+max+")";
}

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

 

Thiago deu certinho, muito obrigado, nada como manjar da programação, uma coisa muito simples que eu não estava enxergando, obrigado. Resolvido!!!