Cambiar campo de texto según texto :D

[raxper]

Hola hice esto pero no me convence mucho, tienes alguna otra ¿forma de hacerlo?

Código Javascript:

<script>
function cambiar1(){if(capturar.value=="Bienvenido"){capturar.value=''} }
function cambiar2(){if(capturar.value==""){capturar.value='Bienvenido'} }
</script>
<input type="text" onclick="cambiar1()" onBlur="cambiar2()" id="capturar" name="capturar" value="Bienvenido">
 

[goteen_mx]

Se me ocurre así con js

<script>
function cambiar(opc){
capturar.value=(opc==1)?"Bienvenido":';
}
</script>

<input type="text" onclick="cambiar(1)" onBlur="cambiar(2)" id="capturar" >

o así con jquery

<input type="text" id="capturar" >

$("#capturar").click(function () {
$(this).attr("value","Bienvenido");
});

$("#capturar").blur(function () {
$(this).attr("value","");
});

[raxper]

No funciona

[goteen_mx]

debugealo de menos con Firebug, estoy escribiendo el código sobre el foro :S

<script>

function cambiar(opc){
document.getElementById("capturar").value=(opc==1) ?"Bienvenido":"";
}
</script>

<input type="text" onclick="cambiar(1)" onBlur="cambiar(2)" id="capturar" >

ya el de jquery revisalo tu.

Saludos.

[raxper]

Me expresé mal creo, si cambia el texto, pero lo que yo quería era otra cosa xD.

[Perr0]

que tal raxper, para mi mas simple es esto

Código Javascript:

<script>
var w="Bienvenido...";
window.onload=function(){
    t=document.getElementsByName("guelcom")[0];
    if(t){
        if(!t.value) t.value=w;
        t.onblur=function(){if(!this.value) this.value=w};
        t.onfocus=function(){if(this.value==w) this.value=""};
    }
}
</script>
<input type="text" name="guelcom" />
 

salu2

[Perr0]

pero asi queda mas bonito

Código Javascript:

<script>
var w="Bienvenido...";
window.onload=function(){
    t=document.getElementsByName("guelcom")[0];
    if(t){
        formato1();
        t.onblur=function(){if(!this.value) {formato1();}};
        t.onfocus=function(){if(this.value==w) {formato2();}};
    }
    function formato1(){
        t.style.color="#ccc";
        t.value=w;
    }
    function formato2(){
        t.style.color="";
        t.value="";
    }
}
</script>
<input type="text" name="guelcom" />
 

salu2

[raxper]

Perr0
aquí les muestro que le hize xP

Código Javascript:

<script>
function cambiar1(){if(capturar.style.background =="url(http://www.google.com/coop/intl/it/images/google_custom_search_watermark.gif)"){capturar.style.background=""} }
function cambiar2(){if(capturar.value==""){capturar.style.background ="url(http://www.google.com/coop/intl/it/images/google_custom_search_watermark.gif)"} }
</script>
<input type="text" style="background:url(http://www.google.com/coop/intl/it/images/google_custom_search_watermark.gif); width:280px;" onclick="cambiar1()" onblur="cambiar2()" id="capturar" name="capturar">
 

[Perr0]

buena!!!
google style

[goteen_mx]

me no entender que querias jejejeje :S pero que bueno que ya te funcionó.

Saludos.