Leitor de resistores online

Qual é minha questão:
eu queria colocar leitor de resistores de eletronica online em meu forum eu coloquei mas vejam do jeito que ficou
e eu queria que ele ficasse assim vejam http://www.areaseg.com/sinais/resistores.html

Medidas que eu tomei para corrigir o problema:
procurei aqui

Imagens do meu problema:


Endereço do meu fórum:
http://forum2011.forumeiros.com/forum

Versão do meu fórum:

Olá!

Poderia postar o código utilizado nesse Widget?

Até mais.

opa é este amigo foi um colega meu que fez pra min ontem atarde veja aqui

Código:

<script language="JavaScript1.1">
 hide script from nonscriptable browsers

// create array listing all the multiplier values
var multiplier = new Array()
multiplier[0] = 0
multiplier[1] = 1
multiplier[2] = 2
multiplier[3] = 3
multiplier[4] = 4
multiplier[5] = 5
multiplier[6] = 6
multiplier[7] = 7
multiplier[8] = 8
multiplier[9] = 9
multiplier[10] = -1
multiplier[11] = -2

// create array listing all tolerance values
var tolerance = new Array()
tolerance[0] = "+/-5%"
tolerance[1] = "+/-10%"
tolerance[2] = "+/-20%"

// format large values into kilo and meg
function format(ohmage) {
   if (ohmage >= 10e6) {
      ohmage /= 10e5
      return "" + ohmage + " Mohms"
   } else {
      if (ohmage >= 10e3) {
         ohmage /= 10e2
         return "" + ohmage + " Kohms"
      } else {
         return "" + ohmage + " ohms"
      }
   }
}

// calculate resistance and tolerance values
function calcOhms() {
   var form = document.forms[0]
   var d1 = form.tensSelect.selectedIndex
   var d2 = form.onesSelect.selectedIndex
   var m = form.multiplierSelect.selectedIndex
   var t = form.toleranceSelect.selectedIndex
   var ohmage = (d1 * 10) + d2
   ohmage = eval("" + ohmage + "e" + multiplier[m])
   ohmage = format(ohmage)
   var tol = tolerance[t]
   document.forms[1].result.value = ohmage + ", " + tol
}

// pre-load all color images into image cache
var colorList = "Preto,Azul,Marrom,Ouro,Cinza,Verde,Nada,Laranja,Vermelho,Prata,Violeta,Branco,Amarelo"
var colorArray = colorList.split(",")
var imageDB = new Array()
for (i = 0; i < colorArray.length; i++) {
   imageDB[colorArray[i]] = new Image(21,182)
   imageDB[colorArray[i]].src = "r" + colorArray[i] + ".gif"
}

function setTens(choice) {
   var tensColor = choice.options[choice.selectedIndex].text
   document.tens.src = imageDB[tensColor].src
   calcOhms()
}
function setOnes(choice) {
   var onesColor = choice.options[choice.selectedIndex].text
   document.ones.src = imageDB[onesColor].src
   calcOhms()
}
function setMult(choice) {
   var multColor = choice.options[choice.selectedIndex].text
   document.mult.src = imageDB[multColor].src
   calcOhms()
}
function setTol(choice) {
   var tolColor = choice.options[choice.selectedIndex].text
   document.tol.src = imageDB[tolColor].src
   calcOhms()
}
function showIntro() {
   window.open("resintro.htm","","WIDTH=400,HEIGHT=260")
}
// end script hiding
</script>

<br>
<CENTER><B style=color:blue;font-family:arial;font-size:12pt;> Código de Cores de Resistores </B></CENTER>

<form>
    <center><select name="tensSelect" size="1"
    onchange="setTens(this)">
        <option selected> Preto</option>
        <option> Marrom </option>
        <option> Vermelho </option>
        <option> Laranja </option>

        <option> Amarelo </option>
        <option> Verde</option>
        <option> Azul </option>
        <option> Violeta </option>
        <option> Cinza </option>

        <option> Branco </option>
    </select> <select name="onesSelect" size="1"
    onchange="setOnes(this)">
  <option selected> Preto</option>
        <option> Marrom </option>
        <option> Vermelho </option>

        <option> Laranja </option>
        <option> Amarelo </option>
        <option> Verde</option>
        <option> Azul </option>
        <option> Violeta </option>

        <option> Cinza </option>
        <option> Branco </option>
    </select> <select name="multiplierSelect" size="1"
    onchange="setMult(this)">
  <option selected> Preto</option>
        <option> Marrom </option>

        <option> Vermelho </option>
        <option> Laranja </option>
        <option> Amarelo </option>
        <option> Verde</option>
        <option> Azul </option>

        <option> Violeta </option>
        <option> Cinza </option>
        <option> Branco </option>
        <option> Ouro </option>
        <option> Prata </option>

    </select>    <select
    name="toleranceSelect" size="1" onchange="setTol(this)">
        <option selected> Ouro </option>
        <option> Prata </option>
        <option> Nada </option>
    </select>

</form>

<script language="JavaScript1.1">
   var form = document.forms[0]
   var tensDigit = form.tensSelect.selectedIndex
   var tensColor = form.tensSelect.options[tensDigit].text
   var onesDigit = form.onesSelect.selectedIndex
   var onesColor = form.onesSelect.options[onesDigit].text
   var multDigit = form.multiplierSelect.selectedIndex
   var multColor = form.multiplierSelect.options[multDigit].text
   var tolDigit = form.toleranceSelect.selectedIndex
   var tolColor = form.toleranceSelect.options[tolDigit].text

var table ="<TABLE BORDER=0>"
table += "<TR><Td ALIGN=center><FORM><INPUT TYPE='text' style=font-size:24pt;background:none;border:1px;font-weight:bold;color:blue;text-align:center; NAME='result' SIZE=20></FORM></center>"
table +="</TD></TR><TR><TD>"
table +="<IMG SRC='resleft.gif' WIDTH=127 HEIGHT=182>" +
         "<IMG SRC='r" + tensColor + ".gif' NAME='tens' WIDTH=21 HEIGHT=182>"+
         "<IMG SRC='r" + onesColor + ".gif' NAME='ones' WIDTH=21 HEIGHT=182>"+
         "<IMG SRC='r" + multColor + ".gif' NAME='mult' WIDTH=21 HEIGHT=182>"+
         "<IMG SRC='spacer.gif' WIDTH=17 HEIGHT=182>"+
         "<IMG SRC='r" + tolColor + ".gif' NAME='tol' WIDTH=21 HEIGHT=182>"+
         "<IMG SRC='resright.gif' WIDTH=127 HEIGHT=182>"
table += "</TD></TR></TABLE>"
document.write(table)
</script>

</center>

</body>
</html>

Olá,

Este é o código que está no site que você nos enviou, veja se resulta

Código:

<center><b style="color: blue; font-family: arial; font-size: 12pt;"> Código de Cores de Resistores </b></center>
<form>
    <center><select name="tensSelect" size="1" onchange="setTens(this)">
        <option selected="selected"> Preto</option>
        <option> Marrom </option>

        <option> Vermelho </option>
        <option> Laranja </option>
        <option> Amarelo </option>
        <option> Verde</option>
        <option> Azul </option>

        <option> Violeta </option>
        <option> Cinza </option>
        <option> Branco </option>
    </select> <select name="onesSelect" size="1" onchange="setOnes(this)">
  <option selected="selected"> Preto</option>

        <option> Marrom </option>
        <option> Vermelho </option>
        <option> Laranja </option>
        <option> Amarelo </option>
        <option> Verde</option>

        <option> Azul </option>
        <option> Violeta </option>
        <option> Cinza </option>
        <option> Branco </option>
    </select> <select name="multiplierSelect" size="1" onchange="setMult(this)">

  <option selected="selected"> Preto</option>
        <option> Marrom </option>
        <option> Vermelho </option>
        <option> Laranja </option>
        <option> Amarelo </option>

        <option> Verde</option>
        <option> Azul </option>
        <option> Violeta </option>
        <option> Cinza </option>
        <option> Branco </option>

        <option> Ouro </option>
        <option> Prata </option>
    </select>     <select name="toleranceSelect" size="1" onchange="setTol(this)">
        <option selected="selected"> Ouro </option>
        <option> Prata </option>

        <option> Nada </option>
    </select>


<script language="JavaScript1.1">
   var form = document.forms[0]
   var tensDigit = form.tensSelect.selectedIndex
   var tensColor = form.tensSelect.options[tensDigit].text
   var onesDigit = form.onesSelect.selectedIndex
   var onesColor = form.onesSelect.options[onesDigit].text
   var multDigit = form.multiplierSelect.selectedIndex
   var multColor = form.multiplierSelect.options[multDigit].text
   var tolDigit = form.toleranceSelect.selectedIndex
   var tolColor = form.toleranceSelect.options[tolDigit].text

var table ="<TABLE BORDER=0>"
table += "<TR><Td ALIGN=center><FORM><INPUT TYPE='text' style=font-size:24pt;background:none;border:1px;font-weight:bold;color:blue;text-align:center; NAME='result' SIZE=20></FORM></center>"
table +="</TD></TR><TR><TD>"
table +="<IMG SRC='resleft.gif' WIDTH=127 HEIGHT=182>" +
         "<IMG SRC='r" + tensColor + ".gif' NAME='tens' WIDTH=21 HEIGHT=182>"+
         "<IMG SRC='r" + onesColor + ".gif' NAME='ones' WIDTH=21 HEIGHT=182>"+
         "<IMG SRC='r" + multColor + ".gif' NAME='mult' WIDTH=21 HEIGHT=182>"+
         "<IMG SRC='spacer.gif' WIDTH=17 HEIGHT=182>"+
         "<IMG SRC='r" + tolColor + ".gif' NAME='tol' WIDTH=21 HEIGHT=182>"+
         "<IMG SRC='resright.gif' WIDTH=127 HEIGHT=182>"
table += "</TD></TR></TABLE>"
document.write(table)
</script><table border="0"><tbody><tr><td align="center"><form><input style="font-size: 24pt; background: none repeat scroll 0% 0% transparent; border: 1px none; font-weight: bold; color: blue; text-align: center;" name="result" size="20" type="text"></form></td></tr><tr><td><img src="resleft.gif" width="127" height="182"><img src="rPreto.gif" name="tens" width="21" height="182"><img src="rPreto.gif" name="ones" width="21" height="182"><img src="rPreto.gif" name="mult" width="21" height="182"><img src="spacer.gif" width="17" height="182"><img src="rOuro.gif" name="tol" width="21" height="182"><img src="resright.gif" width="127" height="182"></td></tr></tbody></table>

</center>


Até mais

Estou curioso para ver como vai ser resolvido o problema :I

amigos eu coloquei o codigo acima lá no forum mas como estou no modem agora a internet está lenta e amanha eu falo como ficou abraços !!

King Gz; escreveu:Olá,

Este é o código que está no site que você nos enviou, veja se resulta

Código:

<center><b style="color: blue; font-family: arial; font-size: 12pt;"> Código de Cores de Resistores </b></center>
<form>
    <center><select name="tensSelect" size="1" onchange="setTens(this)">
        <option selected="selected"> Preto</option>
        <option> Marrom </option>

        <option> Vermelho </option>
        <option> Laranja </option>
        <option> Amarelo </option>
        <option> Verde</option>
        <option> Azul </option>

        <option> Violeta </option>
        <option> Cinza </option>
        <option> Branco </option>
    </select> <select name="onesSelect" size="1" onchange="setOnes(this)">
  <option selected="selected"> Preto</option>

        <option> Marrom </option>
        <option> Vermelho </option>
        <option> Laranja </option>
        <option> Amarelo </option>
        <option> Verde</option>

        <option> Azul </option>
        <option> Violeta </option>
        <option> Cinza </option>
        <option> Branco </option>
    </select> <select name="multiplierSelect" size="1" onchange="setMult(this)">

  <option selected="selected"> Preto</option>
        <option> Marrom </option>
        <option> Vermelho </option>
        <option> Laranja </option>
        <option> Amarelo </option>

        <option> Verde</option>
        <option> Azul </option>
        <option> Violeta </option>
        <option> Cinza </option>
        <option> Branco </option>

        <option> Ouro </option>
        <option> Prata </option>
    </select>     <select name="toleranceSelect" size="1" onchange="setTol(this)">
        <option selected="selected"> Ouro </option>
        <option> Prata </option>

        <option> Nada </option>
    </select>


<script language="JavaScript1.1">
   var form = document.forms[0]
   var tensDigit = form.tensSelect.selectedIndex
   var tensColor = form.tensSelect.options[tensDigit].text
   var onesDigit = form.onesSelect.selectedIndex
   var onesColor = form.onesSelect.options[onesDigit].text
   var multDigit = form.multiplierSelect.selectedIndex
   var multColor = form.multiplierSelect.options[multDigit].text
   var tolDigit = form.toleranceSelect.selectedIndex
   var tolColor = form.toleranceSelect.options[tolDigit].text

var table ="<TABLE BORDER=0>"
table += "<TR><Td ALIGN=center><FORM><INPUT TYPE='text' style=font-size:24pt;background:none;border:1px;font-weight:bold;color:blue;text-align:center; NAME='result' SIZE=20></FORM></center>"
table +="</TD></TR><TR><TD>"
table +="<IMG SRC='resleft.gif' WIDTH=127 HEIGHT=182>" +
         "<IMG SRC='r" + tensColor + ".gif' NAME='tens' WIDTH=21 HEIGHT=182>"+
         "<IMG SRC='r" + onesColor + ".gif' NAME='ones' WIDTH=21 HEIGHT=182>"+
         "<IMG SRC='r" + multColor + ".gif' NAME='mult' WIDTH=21 HEIGHT=182>"+
         "<IMG SRC='spacer.gif' WIDTH=17 HEIGHT=182>"+
         "<IMG SRC='r" + tolColor + ".gif' NAME='tol' WIDTH=21 HEIGHT=182>"+
         "<IMG SRC='resright.gif' WIDTH=127 HEIGHT=182>"
table += "</TD></TR></TABLE>"
document.write(table)
</script><table border="0"><tbody><tr><td align="center"><form><input style="font-size: 24pt; background: none repeat scroll 0% 0% transparent; border: 1px none; font-weight: bold; color: blue; text-align: center;" name="result" size="20" type="text"></form></td></tr><tr><td><img src="resleft.gif" width="127" height="182"><img src="rPreto.gif" name="tens" width="21" height="182"><img src="rPreto.gif" name="ones" width="21" height="182"><img src="rPreto.gif" name="mult" width="21" height="182"><img src="spacer.gif" width="17" height="182"><img src="rOuro.gif" name="tol" width="21" height="182"><img src="resright.gif" width="127" height="182"></td></tr></tbody></table>

</center>


Até mais

amigo eu coloquei este codigo lá mas veja do jeito que ficou !!

eu queria que ele ficasse assim
http://www.areaseg.com/sinais/resistores.html

alguem pode me ajudar

upp

Olá,

Gostaria de retirar esta área que você mostrou no print?

Até mais