Cambiar valores de un boton HTML javascript

zeapaez · #1 (**permalink**) 11/05/2010, 11:06

uso el Web developer 2008, tengo un boton HTML "boton (input)" pero quiero cambiarle los valores, he visto que lo cambian pero para un valor nada mas, yo quiero cambiarlo con 5 valores, al darle click al boton, osea que al darle click al boton cambie su valor.

Lo he hecho de las siguientes maneras si me salen, pero no todos,

los valores son (>=, =, <=, > y <)

En mi codigo lo tengo como
<input id="Fmbtn" type="button" value=">=" onclick=javascript:sig()/>

-------------------
En este solo puedo pasar del 1er valor al 2do, pero si le pongo el mismo cosigo me regresa el ultimo;

<%--<script language=javascript>
function sig()
{
if (document.form1.Fmbtn.value = ">=")
{
document.form1.Fmbtn.value = " = "
}
}
</script>
--%>

y este, este codigo me regresa hasta el ultimo

<script language="JavaScript">
function sig ()
{
var array = new Array(5);
array[0]=">=";
array[1]=" = ";
array[2]="<=";
array[3]=" > ";
array[4]=" < ";
var str;
for(i=0; i<array.length; i++)
{
str=array[i];
}
document.getElementById('Fmbtn').value = str;
}
</script>

la idea original, es que que cambie de valor y que despues regrese otra vez al primer valor.

Gracias por la ayuda y su tiempo, espero me puedan ayudar.

masterojitos · #2 (**permalink**) 11/05/2010, 11:38

Amigo aca te ayudare pero te comento lo siguiente.

se compara con dos iguales (==), no con uno (=).
= ......... asignacion
== ....... comparacion

aqui te dejo el codigo acabado:

Código HTML:

Ver original<input id="Fmbtn" type="button" value=" >= " onclick="sig()" />
<script type="text/javascript">
function sig(){
    var array = new Array(" >= ", " = ", " <= ", " > ", " < ");
    for(i=0; i < array.length; i++){
        if(document.getElementById('Fmbtn').value == array[i]){
            var indice = (i + 1 == array.length) ? 0 : i + 1;
            document.getElementById('Fmbtn').value = array[indice];
            break;
        }
    }
}
</script>

Suerte.

zeapaez · #3 (**permalink**) 11/05/2010, 11:59

Lo probe, pero no cambia los valores, gracias por corregirme en la sintaxis de las comparaciones, muy amable, en verdad!

a lo mejor lo copie mal, lo checare de nuevo!
graciaS!

JavierB · #4 (**permalink**) 11/05/2010, 12:03

Hola zeapaez

Pues sí, algo están haciendo mal, porque be probado el código de masterojitos y funciona bien.

Saludos,

zeapaez · #5 (**permalink**) 11/05/2010, 12:10

ya vi mi error, por que donde dice value, no lo tengo como ">=" si no como ">=" por que sistema asi lo me lo dio! en la parte diseño del Web developer , en propiedades le puse value : >=, pero en el codigo me lo da como ">=" no habra ningun problema? si me funciono, GRACIAS!!!!

zeapaez · #6 (**permalink**) 11/05/2010, 12:10

Gracias amigo

masterojitos · #7 (**permalink**) 12/05/2010, 18:24

De nada amigo.....

Cuando quieras copiar mejor pon "ver original" y copias del texto original ^^

Suerte y Dios os Bendiga a todos.

aviones_saltillo · #8 (**permalink**) 28/04/2011, 20:57

hola estoy haciendo algunos experimentos y quiero incorporar a este script

Código Javascript:

Ver original<html><head><script type="text/javascript">
function hola(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
window.onload = function(){
hola('musik');}
function mostrar(enla,etik) {
obj = document.getElementById(etik);
obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';}
</script>
 
</head><body>
<table background="IMG000008.jpg">
<tbody><tr>
<td>
<fieldset><div align="center"><img src="signbot.gif" ></div>
 
<p><font color="White">tiempo restante</font></p><font color="White">
<form name="Reloj">
<input  type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para 
 
finalizar el día">
<script language="JavaScript">
<!--
var tiempoAtras;
 
updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();
 
tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos;
 
document.Reloj.tiempo.value = tiempoAtras;
 
setTimeout("updateReloj()",1000);
}
//-->
</script>
<a onclick="hola('musik')"><input  type="button" value="Reproductor" ></a>
<div id="musik">
<embed src="smash.mp3" loop="30" autostart="true" volume="4" width="300" height="60" 
 
controls="smallconsole"></div>
</form>
 
<hr align="LEFT" size="1" width="200" color="White" noshade="">1 
<a style="cursor: pointer;" onmouseover="mostrar(this,'marca'); return false" 
 
onmouseout="mostrar(this,'marca'); return false" onclick="ironman('pelicula');marca
 
('marca')"><input type="button" value="Iron man"></a>
<div id="marca" style="display: block; visibility: hidden; ">Ver pelicula</div>
<div id="pelicula" style="display: none; ">
<object width="1024" height="439"><param name="movie" 
 
value="http://www.megavideo.com/v/APPAV3HOf4e873851034f275ab8fb11ad40e7ed5"
 
><param name="allowFullScreen" value="true"><embed 
 
src="http://www.megavideo.com/v/APPAV3HOf4e873851034f275ab8fb11ad40e7ed5" 
 
type="application/x-shockwave-flash" allowfullscreen="true" width="1024" 
 
height="439"></object>
</div>
<hr align="LEFT" size="1" width="200" color="White" noshade=""> 2
<a style="cursor: pointer;" onmouseover="mostrar(this,'marcab'); return false" 
 
onmouseout="mostrar(this,'marcab'); return false" onclick="ironmanII('peliculaII');marcab
 
('marcab')"><input type="button" value="Iron man 2"></a>
<div id="marcab" style="visibility: hidden; ">Ver pelicula</div>
<div id="peliculaII" style="display:none">
<object width="1024" height="439"><param name="movie" 
 
value="http://www.megavideo.com/v/9M0EAU00cb16d39ac0224aca58c1b2127578d96e"
 
><param name="allowFullScreen" value="true"><embed 
 
src="http://www.megavideo.com/v/9M0EAU00cb16d39ac0224aca58c1b2127578d96e" 
 
type="application/x-shockwave-flash" allowfullscreen="true" width="1024" 
 
height="439"></object>
</div>
<hr align="LEFT" size="1" width="200" color="White" noshade=""> 3
<a style="cursor: pointer;" onmouseover="mostrar(this,'marcac'); return false" 
 
onmouseout="mostrar(this,'marcac'); return false" onclick="avatar('peliculaIII');marcac
 
('marcac')"><input type="button" value="Avatar"></a>
<div id="marcac" style="display: block; visibility: hidden; ">Ver pelicula</div>
<div id="peliculaIII" style="display: none; ">
<object id="player" width="1024" height="439" classid="clsid:d27cdb6e-ae6d-11cf-96b8
 
-444553540000"><param name="movie" 
 
value="http://www.videozer.com/embed/Uqeem2Ym"><param name="allowFullScreen" 
 
value="true"><param name="allowscriptaccess" value="always"><embed 
 
src="http://www.videozer.com/embed/Uqeem2Ym" type="application/x-shockwave-flash" 
 
allowscriptaccess="always" allowfullscreen="true" width="1024" 
 
height="439"></object></div>
<hr align="LEFT" size="1" width="200" color="White" noshade=""> 4
<a style="cursor: pointer;" onmouseover="mostrar(this,'marcad'); return false" 
 
onmouseout="mostrar(this,'marcad'); return false" onclick="toystoryIII('peliculaIV');marcad
 
('marcad')"><input type="button" value="Toy story 3"></a>
<div id="marcad" style="display: block; visibility: hidden; ">Ver pelicula</div>
<div id="peliculaIV" style="display: none; ">
<object width="1024" height="439"><param name="movie" 
 
value="http://www.megavideo.com/v/86TYZHLN98c6575f3272ed222ae48038ed6eca64"
 
><param name="allowFullScreen" value="true"><embed 
 
src="http://www.megavideo.com/v/86TYZHLN98c6575f3272ed222ae48038ed6eca64" 
 
type="application/x-shockwave-flash" allowfullscreen="true" width="1024" 
 
height="439"></object></div>
<hr align="LEFT" size="1" width="200" color="White" noshade=""> 5
<a style="cursor: pointer;" onmouseover="mostrar(this,'marcae'); return false" 
 
onmouseout="mostrar(this,'marcae'); return false" onclick="knightrider('peliculaV');marcae
 
('marcae')"><input type="button" value="knight Rider"></a>
<div id="marcae" style="visibility: hidden; ">Ver pelicula</div>
<div id="peliculaV" style="display:none">
<object width="1024" height="439"><param name="movie" 
 
value="http://www.megavideo.com/v/JOVL00EZ69c818d6076d77828926d6a85a6e6edb"
 
><param name="allowFullScreen" value="true"><embed 
 
src="http://www.megavideo.com/v/JOVL00EZ69c818d6076d77828926d6a85a6e6edb" 
 
type="application/x-shockwave-flash" allowfullscreen="true" width="1024" 
 
height="439"></object></div>
<hr align="LEFT" size="1" width="200" color="White" noshade="">6 
<a style="cursor: pointer;" onmouseover="mostrar(this,'marcaf'); return false" 
 
onmouseout="mostrar(this,'marcaf'); return false" onclick="tdat('peliculaVI');marcaf
 
('marcaf')"><input type="button" value="El dia despues de mañana"></a>
<div id="marcaf" style="display: block; visibility: hidden; ">Ver pelicula</div>
<div id="peliculaVI" style="display: none; "><object width="1024" height="439"><param 
 
name="movie" 
 
value="http://www.megavideo.com/v/ATCG5NHH5129f9669bfaa8dd8c34e77a9c28fed0"
 
><param name="allowFullScreen" value="true"><embed 
 
src="http://www.megavideo.com/v/ATCG5NHH5129f9669bfaa8dd8c34e77a9c28fed0" 
 
type="application/x-shockwave-flash" allowfullscreen="true" width="1024" 
 
height="439"></object></div>
<hr align="LEFT" size="1" width="200" color="White" noshade=""> 7
<a style="cursor: pointer;" onmouseover="mostrar(this,'marcag'); return false" 
 
onmouseout="mostrar(this,'marcag'); return false" onclick="eddr('peliculaVII');marcag
 
('marcag')"><input type="button" value="El discurso del rey"></a>
<div id="marcag" style="display: block; visibility: hidden; ">Ver pelicula</div>
<div id="peliculaVII" style="display: none; "><object id="player" width="1024" height="439" 
 
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"><param name="movie" 
 
value="http://www.videobb.com/e/qJEBnEho73mh"><param name="allowFullScreen" 
 
value="true"><param name="allowscriptaccess" value="always"><embed 
 
src="http://www.videobb.com/e/qJEBnEho73mh" type="application/x-shockwave-flash" 
 
allowscriptaccess="always" allowfullscreen="true" width="1024" 
 
height="439"></object></div>
</font></fieldset><font color="White">
</font></td>
</tr>
</tbody></table>
</body>
<script language="JavaScript" for="window" event="onload">
var docAncho=document.documentElement.scrollWidth; 
var docAlto=document.body.scrollHeight;
window.resizeTo(docAncho,docAlto);
</script></html>

esta funcion

Código Javascript:

Ver original<input id="Fmbtn" type="button" value=" >= " onclick="sig()" >
<script type="text/javascript">
function sig(){
    var array = new Array(" >= ", " = ", " <= ", " > ", " < ");
    for(i=0; i < array.length; i++){
        if(document.getElementById('Fmbtn').value == array[i]){
            var indice = (i + 1 == array.length) ? 0 : i + 1;
            document.getElementById('Fmbtn').value = array[indice];
            break;
        }
    }
}
</script>

para cambiar el boton de Reproductor a ver y ocultar pero no queda

aviones_saltillo · #9 (**permalink**) 28/04/2011, 21:07

Código Javascript:

Ver original<html><head><script type="text/javascript">
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert("No puedes usar en boton derecho en esta pagina");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("No puedes usar el boton derecho en esta pagina.");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
function disableselect(e){
return false}
function reEnable(){
return true}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable}
function ironman(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
function marca(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
window.onload = function(){
ironman('pelicula');}
function ironmanII(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
function marcab(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
window.onload = function(){ 
ironmanII('peliculaII');}
function avatar(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
function marcac(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
window.onload = function(){
avatar('peliculaIII');}
function toystoryIII(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
function marcad(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
window.onload = function(){
toystoryIII('peliculaIV');}
function knightrider(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
function marcae(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
window.onload = function(){
knightrider('peliculaV');}
function tdat(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
function marcaf(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
window.onload = function(){
tdat('peliculaVI');}
function eddr(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
function marcag(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
window.onload = function(){
eddr('peliculaVII');}
function hola(id){
if (document.getElementById){ 
var el = document.getElementById(id); 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; }}
window.onload = function(){
hola('musik');}
function mostrar(enla,etik) {
obj = document.getElementById(etik);
obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';}
</script>
 
</head><body>
<table background="IMG000008.jpg">
<tbody><tr>
<td>
<fieldset><div align="center"><img src="signbot.gif" ></div>
 
<p><font color="White">tiempo restante</font></p><font color="White">
<form name="Reloj">
<input  type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para 
 
finalizar el día">
<script language="JavaScript">
<!--
var tiempoAtras;
 
updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();
 
tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos;
 
document.Reloj.tiempo.value = tiempoAtras;
 
setTimeout("updateReloj()",1000);
}
//-->
</script>
<a onclick="hola('musik')"><input  type="button" value="Reproductor" ></a>
<div id="musik">
<embed src="smash.mp3" loop="30" autostart="true" volume="4" width="300" height="60" 
 
controls="smallconsole"></div>
</form>
 
<hr align="LEFT" size="1" width="200" color="White" noshade="">1 
<a style="cursor: pointer;" onmouseover="mostrar(this,'marca'); return false" 
 
onmouseout="mostrar(this,'marca'); return false" onclick="ironman('pelicula');marca
 
('marca')"><input type="button" value="Iron man"></a>
<div id="marca" style="display: block; visibility: hidden; ">Ver pelicula</div>
<div id="pelicula" style="display: none; ">
</div>
<hr align="LEFT" size="1" width="200" color="White" noshade=""> 2
<a style="cursor: pointer;" onmouseover="mostrar(this,'marcab'); return false" 
 
onmouseout="mostrar(this,'marcab'); return false" onclick="ironmanII('peliculaII');marcab
 
('marcab')"><input type="button" value="Iron man 2"></a>
<div id="marcab" style="visibility: hidden; ">Ver pelicula</div>
<div id="peliculaII" style="display:none">
<object width="1024" height="439">
</div>
<hr align="LEFT" size="1" width="200" color="White" noshade=""> 3
<a style="cursor: pointer;" onmouseover="mostrar(this,'marcac'); return false" 
 
onmouseout="mostrar(this,'marcac'); return false" onclick="avatar('peliculaIII');marcac
 
('marcac')"><input type="button" value="Avatar"></a>
<div id="marcac" style="display: block; visibility: hidden; ">Ver pelicula</div>
<div id="peliculaIII" style="display: none; "></div>
<hr align="LEFT" size="1" width="200" color="White" noshade=""> 4
<a style="cursor: pointer;" onmouseover="mostrar(this,'marcad'); return false" 
 
onmouseout="mostrar(this,'marcad'); return false" onclick="toystoryIII('peliculaIV');marcad
 
('marcad')"><input type="button" value="Toy story 3"></a>
<div id="marcad" style="display: block; visibility: hidden; ">Ver pelicula</div>
<div id="peliculaIV" style="display: none; "></div>
<hr align="LEFT" size="1" width="200" color="White" noshade=""> 5
<a style="cursor: pointer;" onmouseover="mostrar(this,'marcae'); return false" 
 
onmouseout="mostrar(this,'marcae'); return false" onclick="knightrider('peliculaV');marcae
 
('marcae')"><input type="button" value="knight Rider"></a>
<div id="marcae" style="visibility: hidden; ">Ver pelicula</div>
<div id="peliculaV" style="display:none"></div>
<hr align="LEFT" size="1" width="200" color="White" noshade="">6 
<a style="cursor: pointer;" onmouseover="mostrar(this,'marcaf'); return false" 
 
onmouseout="mostrar(this,'marcaf'); return false" onclick="tdat('peliculaVI');marcaf
 
('marcaf')"><input type="button" value="El dia despues de mañana"></a>
<div id="marcaf" style="display: block; visibility: hidden; ">Ver pelicula</div>
<div id="peliculaVI" style="display: none; "></object></div>
<hr align="LEFT" size="1" width="200" color="White" noshade=""> 7
<a style="cursor: pointer;" onmouseover="mostrar(this,'marcag'); return false" 
 
onmouseout="mostrar(this,'marcag'); return false" onclick="eddr('peliculaVII');marcag
 
('marcag')"><input type="button" value="El discurso del rey"></a>
<div id="marcag" style="display: block; visibility: hidden; ">Ver pelicula</div>
<div id="peliculaVII" style="display: none; "></div>
</font></fieldset><font color="White">
</font></td>
</tr>
</tbody></table>
</body>
</html>

perdon era esta la que quiero cambiar