Alertas javascript personalizados

terano60 · #1 (**permalink**) 18/05/2012, 01:15

Hola:
Quisiera saber como hago para imprimir un alertas en el campo alertaweb y no salga el alert de windows

el codigo que tengo es
if ($error==0 and empty($_POST['nombre'])) {$error=1; mensaje('Debe ingresar su nombre');}

gracias

Joselito36 · #2 (**permalink**) 18/05/2012, 04:24

¿A qué te refieres?. Si no sale la alerta de windows, ¿qué tipo de alerta es la que esperas?. ¿te refieres a una alerta del tipo jquery?

webseficientes · #3 (**permalink**) 18/05/2012, 06:55

con javascript tenes que modificar el atributo html de elemento html donde queres escribir.

html

Código:

<div id='identificador_elemento'></div>

javascript

Código:

elem = document.getElementById('identificador_elemento')
elem.html = "ESTE SERIA EL MENSAJE

terano60 · #4 (**permalink**) 18/05/2012, 16:42

Amigos:
Alguien saber como incorporar el alert jquery a mi web, me gusta mucho como es pero no se como ponerlo ya que yo tengo los alertas comunes y no entiendo que debo cambiar para que funcione. Gracias.

mclozano6 · #5 (**permalink**) 18/05/2012, 20:56

Cita:

Iniciado por terano60

Amigos:
Alguien saber como incorporar el alert jquery a mi web, me gusta mucho como es pero no se como ponerlo ya que yo tengo los alertas comunes y no entiendo que debo cambiar para que funcione. Gracias.

Busca en google, alguna libreria, x ejemplo: "msgbox" o "SexyAlert", bajatela, ponla en la ubicacion de tu web. Luego en <head></head> colocas las llamadas y en vez de usar Alert(), usas $.msgbox ().

Si necesitas mas datos avisame cn gusto de doy una mano.

terano60 · #6 (**permalink**) 18/05/2012, 23:07

Cita:

Iniciado por mclozano6

busca en google, alguna libreria, x ejemplo: "msgbox" o "sexyalert", bajatela, ponla en la ubicacion de tu web. Luego en <head></head> colocas las llamadas y en vez de usar alert(), usas $.msgbox ().

Si necesitas mas datos avisame cn gusto de doy una mano.

cual me recomendas que baje?

terano60 · #7 (**permalink**) 18/05/2012, 23:35

Me baje el sexyalert pero como lo incorporo?

terano60 · #8 (**permalink**) 19/05/2012, 00:29

Como introduzco este codigo
if ($error==0 and $idpais==0) {$error=1; echo "<script>alert('Ingrese el Pais')</script>";}

en
elem = document.getElementById('identificador_elemento')
elem.html = ""

terano60 · #9 (**permalink**) 19/05/2012, 02:17

A ver si me ayudan

estoy poniendo el alertsexy y lo hago asi

en el head

</head>
<body>
<script type="text/javascript" src="../includes/sexyalert/mootools/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="../includes/sexyalert/mootools/sexyalertbox.v1.2.moo.js"></script><link rel="stylesheet" type="text/css" media="all" href="sexyalertbox.css"/>

codigo que chequea
if ($error==0 and $idseccion==0) {$error=1; echo "<script>Sexy.alert('Ingrese la seccion!')</script>";}

no anda porque
gracias

mclozano6 · #10 (**permalink**) 19/05/2012, 12:13

Hola!, Primero que nada las llamadas y las funciones t conviene hacerlas en <Head>, te quedará algo asi:

Código PHP:

Ver original<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="js/sexyalertbox.v1.2.moo.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="sexyalertbox.css"/>
 
<script>
 
function Validar() {
 
if (document.frmprincipal.txtcoment.value.length==0) {
                Sexy.alert ("Escriba su duda y/o sugerencia.")
                document.frmprincipal.txtcoment.focus()
 
                return 0;               }
 
 
 
                Sexy.alert("Gracias por contactarnos!");
                document.frmprincipal.submit();
 
 }
 
</script>
</head>

Y en Body para validar usas <form>, seria algo asi:

Código HTML:

Ver original<body>
<form name='frmprincipal' method='post' action="procesa_contacto.php4">
 
<p style="margin: -10px 0;"><h4>Escriba su duda y/o comentario: &nbsp;&nbsp; </h4>
    <textarea type='text' name="txtcoment" rows="8" cols="28"></textarea></p>
 
<input type=button name="Submit" value="Enviar" onClick="Validar()">
 
</form>
</body>

Espero me hayas entendido con ese ejemplo, sino dime que intentare explicartelo de otra forma.
Salu2.

mclozano6 · #11 (**permalink**) 19/05/2012, 12:14

*Ojo que ese fue un ejemplo con mi libreria javascript*

mclozano6 · #12 (**permalink**) 19/05/2012, 12:18

Y si la opcion fuece un Combo, seria algo asi:

Código PHP:

Ver original<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="js/sexyalertbox.v1.2.moo.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="sexyalertbox.css"/>
 
<script>
 
function Validar() {
 
plan = document.getElementById("plan").selectedIndex; 
 
if( plan == null || plan == 0 ) {
                Sexy.alert("Seleccione que plan desea contratar.")
                return false;
                                        }
 
 
Sexy.alert("Gracias por contratar!");
                document.frmprincipal.submit();
 
 }
 
</script>
</head>

Y en Body tendrias algo asi:

Código HTML:

Ver original<body>
<form name='frmprincipal' method='post' action="procesa_contrato.php4">
<p style="margin: -5px 0;"><h2><b>Plan que le interesa:</b> &nbsp;&nbsp;
    <select id="plan" name="plan" style="margin-left: -10px;">
        <option value='1'> Seleccione </option>
        <option value='Plan_Basico'> Plan B&aacute;sico </option>
        <option value='Plan_Avanzado'> Plan Avanzado </option>
    </select> </h2> </p>
 
<input type=button name="Submit" value="Enviar" onClick="Validar()">
</form>
</body>

terano60 · #13 (**permalink**) 19/05/2012, 15:42

Cita:

Iniciado por mclozano6

Y si la opcion fuece un Combo, seria algo asi:

Código PHP:

Ver original<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="js/sexyalertbox.v1.2.moo.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="sexyalertbox.css"/>
 
<script>
 
function Validar() {
 
plan = document.getElementById("plan").selectedIndex; 
 
if( plan == null || plan == 0 ) {
                Sexy.alert("Seleccione que plan desea contratar.")
                return false;
                                        }
 
 
Sexy.alert("Gracias por contratar!");
                document.frmprincipal.submit();
 
 }
 
</script>
</head>

Y en Body tendrias algo asi:

Código HTML:

Ver original<body>
<form name='frmprincipal' method='post' action="procesa_contrato.php4">
<p style="margin: -5px 0;"><h2><b>Plan que le interesa:</b> &nbsp;&nbsp;
    <select id="plan" name="plan" style="margin-left: -10px;">
        <option value='1'> Seleccione </option>
        <option value='Plan_Basico'> Plan B&aacute;sico </option>
        <option value='Plan_Avanzado'> Plan Avanzado </option>
    </select> </h2> </p>
 
<input type=button name="Submit" value="Enviar" onClick="Validar()">
</form>
</body>

Amigo como me dijiste me anda perfecto pero como la pongo en mi procs

codigo de alert en procs.php

//************************************************** *************************************************
function mensaje($xx){
//************************************************** *************************************************
echo "<script>alert('" . $xx . "');</script>";
return;
}

mil gracias

mclozano6 · #14 (**permalink**) 19/05/2012, 16:04

En lugar de

Código Javascript:

Ver originalecho "<script>alert('" . $xx . "');</script>";

pon:

Código Javascript:

Ver originalecho "<script>Sexy.alert('" . $xx . "');</script>";

Simpre y cuando tengas mi misma libreria.
Espero tus comentarios!
No te olvides de un poco de Karma si t funciona :)

terano60 · #15 (**permalink**) 19/05/2012, 16:13

Cita:

Iniciado por mclozano6

En lugar de

Código Javascript:

Ver originalecho "<script>alert('" . $xx . "');</script>";

pon:

Código Javascript:

Ver originalecho "<script>Sexy.alert('" . $xx . "');</script>";

Simpre y cuando tengas mi misma libreria.
Espero tus comentarios!
No te olvides de un poco de Karma si t funciona :)

asi me sale error de sintaxis
echo "<script>Sexy.alert('" . $xx . "');</script>";

y asi no me sale ningun error pero el alert es comun
echo "<script>sexyalert('" . $xx . "');</script>";

mclozano6 · #16 (**permalink**) 19/05/2012, 16:21

Código Javascript:

Ver originalecho "<script>Sexy.alert('" . $xx . "');</script>";

El error es que si el echo tiene ", todo lo de adentro debera tener solo '. Me explico?
Te quedaria algo asi:

Código Javascript:

Ver originalecho "<script>Sexy.alert(' ' . $xx . ' ');</script>";

mclozano6 · #17 (**permalink**) 19/05/2012, 16:51

tmb prueba poner en lugar de <script> poner: <script type="text/javascript">
Aunque no tiene relevancia con el error

De todas formas pon el error que t sale asi tal vez pueda ayudarte mejor

terano60 · #18 (**permalink**) 19/05/2012, 17:08

Cita:

Iniciado por mclozano6

tmb prueba poner en lugar de <script> poner: <script type="text/javascript">
Aunque no tiene relevancia con el error

De todas formas pon el error que t sale asi tal vez pueda ayudarte mejor

No me sale ningun tipo de error directamente no hace, el tema es que yo estoy haciendo en php y talves hay otra forma de hacerlo no se que pasa, te paso las partes de los codigos enteros capaz vos observar algo que yo no veo.

En la pagina
<?php
if (isset($_POST['genera'])){
if ($error==0 and $idpais==0) {$error=1; echo "<script>alert('Ingrese el Pais')</script>";}
if ($error==0 and $idprovincia==0) {$error=1; echo "<script>alert('Ingrese el Provincia')</script>";}
if ($error==0 and $idlocalidad==0) {$error=1; echo "<script>alert('Ingrese el Localidad')</script>";}
if ($error==0 and $idseccion==0) {$error=1; echo "<script>alert('Ingrese la Seccion')</script>";}
if ($error==0 and $idtipopublicidad==0) {$error=1; echo "<script>alert('Ingrese el Tipo de la Publicidad')</script>";}
if ($error==0 and empty($linea1)) {$error=1; echo "<script>alert('Ingrese la Linea 1')</script>";}
if ($error==0 and empty($linea2)) {$error=1; echo "<script>alert('Ingrese la Linea 2')</script>";}
if ($error==0) {
?>

<?php
En la procs
//************************************************** *************************************************
function mensaje($xx){
//************************************************** *************************************************
echo "<script>Sexy.alert('" . $xx . "');</script>";
return;
}
?>

terano60 · #19 (**permalink**) 19/05/2012, 17:39

Cita:

Iniciado por mclozano6

tmb prueba poner en lugar de <script> poner: <script type="text/javascript">
Aunque no tiene relevancia con el error

De todas formas pon el error que t sale asi tal vez pueda ayudarte mejor

sabes como lo puedo hacer

terano60 · #20 (**permalink**) 19/05/2012, 20:36

SI ALGUIEN ME AYUDAN LE AGRADEZCO

ESTOY TRABAJANDO DE LA SIGUIENTE FORMA

EN PROCS.PHP TENGO

//************************************************** *************************************************
function mensaje($xx){
//************************************************** *************************************************
echo "<script>sexy.alert('" . $xx . "');</script>";
return;
}

EN LA PAGINA ENTRE BODY
<script type="text/javascript" src="../includes/sexyalert/mootools/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="../includes/sexyalert/mootools/sexyalertbox.v1.2.moo.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="../includes/sexyalert/mootools/sexyalertbox.css"/>

EN LA PAGINA MISMA PERO EN LA PARTE DE LOS ALERTAS
if ($error==0 and $idseccion==0) {$error=1; mensaje('Puebra');}

GRACIAS

mclozano6 · #21 (**permalink**) 20/05/2012, 09:21

Cita:

Iniciado por terano60

EN LA PAGINA ENTRE BODY
<script type="text/javascript" src="../includes/sexyalert/mootools/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="../includes/sexyalert/mootools/sexyalertbox.v1.2.moo.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="../includes/sexyalert/mootools/sexyalertbox.css"/>

Eso va en <head> </head>

Si te sale el Alert() comun, pero el Sexy.alert no te sale, es xq no esta leyendo las librerias. Prueba ponerlas en <head></head> como t menciono y me cuentas.

terano60 · #22 (**permalink**) 20/05/2012, 14:21

Cita:

Iniciado por mclozano6

Eso va en <head> </head>

Si te sale el Alert() comun, pero el Sexy.alert no te sale, es xq no esta leyendo las librerias. Prueba ponerlas en <head></head> como t menciono y me cuentas.

Amigo lo pongo asi y no me sale nada ni el comun

en procs.php
<?php
/************************************************** *************************************************
function mensaje($xx){
//************************************************** *************************************************
echo "<script>sexy.alert('" . $xx . "');</script>";
return;
}
?>

en la pagina donde sale el alert
<?php
if ($error==0 and $idseccion==0) {$error=1; echo mensaje('Ingrese la Seccionp');}
?>

las librerias en la misma pagina donde sale el alert

<head>
<script type="text/javascript" src="../includes/sexyalert/mootools/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="../includes/sexyalert/mootools/sexyalertbox.v1.2.moo.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="../includes/sexyalert/mootools/sexyalertbox.css"/>
<meta http-equiv="linea2-Type"linea2="text/html; charset=iso-8859-1" />
<title><?php echo $empresa." Alta de una Publicidad";?></title>
<link href="stylo0.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=" />
</head>
<body>

eso es lo que hago y no funciona ni el comun

terano60 · #23 (**permalink**) 20/05/2012, 20:37

alguien sabe lo que puede ser, ahi deje todo detallado de como lo estoy haciendo

mclozano6 · #24 (**permalink**) 21/05/2012, 07:24

A ver... Vamos por partes, a ver si entendí.
Tu tienes una web y en la sección (x ejemplo) "contacto.php" tenes un formulario... De ahi, luego que los Alert chequean que este todo OK te lleva a un proces.
Hasta ahi vamos bien?

terano60 · #25 (**permalink**) 21/05/2012, 16:26

Cita:

Iniciado por mclozano6

A ver... Vamos por partes, a ver si entendí.
Tu tienes una web y en la sección (x ejemplo) "contacto.php" tenes un formulario... De ahi, luego que los Alert chequean que este todo OK te lleva a un proces.
Hasta ahi vamos bien?

Amigo te cuento por partes

En la parte de arriba en cada pagina donde tiene que salir el alert
<head>
<script type="text/javascript" src="../includes/sexyalert/mootools/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="../includes/sexyalert/mootools/sexyalertbox.v1.2.moo.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="../includes/sexyalert/mootools/sexyalertbox.css"/>
<meta http-equiv="linea2-Type"linea2="text/html; charset=iso-8859-1" />
<title><?php echo $empresa." Alta de una Publicidad";?></title>
<link href="stylo0.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=" />
</head>
<body>

1) Tengo una pagina de alta de productos en php

2) En el alert que seria sexyalert lo tengo en php, asi lo tengo
<?php
if ($error==0 and $idseccion==0) {$error=1; echo mensaje('Ingrese la Seccionp');}
?>

3) Despues en la procs tengo
<?php
/************************************************** *************************************************
function mensaje($xx){
//************************************************** *************************************************
echo "<script>sexy.alert('" . $xx . "');</script>";
return;
}
?>

Es decir la funcion de alert de la web esta enganchada con el procs.php y de ahi sale el alerta.