Ayuda con Portal Cautivo

Darevas · 12 Marzo 2015

Hola amigos

tengo un pequeño problema que para ustedes debe ser sencillo

Aclaraciones:
- No soy programador y cacho "null" en codigos html.
- Me baje un template que he ido modificando la apariencia

Les Explico:
Tengo un servidor con PfSense y tengo construido un portal Cautivo

tengo un campo de login (usuario y contraseña) y "submit"
para los usuarios que deben si o si autentificarse atravez de un Radius y sus cuentas previamente establecidas
hasta aquí todo bien, funciona!.

Ahora Creé un boton (bueno el boton venia en la plantilla y lo modifique :xd

)
mi intención es que ESTE boton, SIN hacer relleno de ningún datos de usuario y contraseña
solo al precionarlo conecte a internet, con una cuenta FREE o cuenta libre que tambien puedo establecer en el RADIUS
por lo tanto, debe "mandar" el usuario y contraseña pero por detras (que no se vea ni requiera ser escrito)

<form method="post" action="$PORTAL_ACTION$">
<input name="auth_user" type="text">
<input name="auth_pass" type="password">
<input name="redirurl" type="hidden" value="$PORTAL_REDIRURL$">
<input name="accept" type="submit" value="Continue">
</form>

Haz clic para expandir...

estos son los campos que me pide el pfsense para que haga una conexión satisfactoria.

<div class="account">
<form method="post" action="$PORTAL_ACTION$">
<input name="auth_user" type="hidden">
<input name="auth_pass" type="hidden">
<input name="redirurl" type="hidden" value="$PORTAL_REDIRURL$">
<div class="span"><i>Conectar Gratis</i><div type="submit" name="accept" value="gratis" class="clear"></div></div>
</form>
</div>

Haz clic para expandir...

Esto ultimo es lo que he intentado y no funciona
de hecho el boton no me sale "clickeable" y antes si

cualquier duda me avisan
gracias por su tiempo
saludos :zippybye

BalroG · 12 Marzo 2015

tienes que poner el value en cada input hidden:

value="nombre del usuario"
value="pass del usuario free"

Darevas · 12 Marzo 2015

BalroG dijo:
tienes que poner el value en cada input hidden:

value="nombre del usuario"
value="pass del usuario free"

puedo poner 2 value para el mismo objeto?

BalroG · 12 Marzo 2015

Como diría mi colega argentino: ni en pedo

Darevas · 12 Marzo 2015

BalroG dijo:
Como diría mi colega argentino: ni en pedo

donde pongo esos value si es 1 solo boton?

juliux · 12 Marzo 2015

Nop, se refiere a que a cada objeto input (nombre y password) le declares en el value el valor que quieres que tenga en forma predeterminada.

Batou · 12 Marzo 2015

Código:

<div class="account">
<form method="post" action="$PORTAL_ACTION$">
<input name="auth_user" type="hidden" value="usuariofree"/>
<input name="auth_pass" type="hidden" value="contraseñafree"/>
<input name="redirurl" type="hidden" value="$PORTAL_REDIRURL$"/>
<div class="span"><i>Conectar Gratis</i><input  type="submit" name="accept" value="gratis" /></div>
</form>
</div>

Cambiar usuariofree y contraseñafree por los datos correspondientes.
El boton estaba como div (debe ser input segun el ejemplo de pfsense).
No se ve el resto del codigo, pero tienes que tener en cuenta de no poner este <form> dentro de el otro form (el que no es free) para que no se confunda.

Saludos.

Darevas · 12 Marzo 2015

ebanyu dijo:
Código:

<div class="account"> <form method="post" action="$PORTAL_ACTION$"> <input name="auth_user" type="hidden" value="usuariofree"/> <input name="auth_pass" type="hidden" value="contraseñafree"/> <input name="redirurl" type="hidden" value="$PORTAL_REDIRURL$"/> <div class="span"><i>Conectar Gratis</i><input type="submit" name="accept" value="gratis" /></div> </form> </div>

Cambiar usuariofree y contraseñafree por los datos correspondientes.
El boton estaba como div (debe ser input segun el ejemplo de pfsense).
No se ve el resto del codigo, pero tienes que tener en cuenta de no poner este <form> dentro de el otro form (el que no es free) para que no se confunda.

Saludos.

wow te pasaste!!
ahora "parece" que funciona solo con 1 detalle :xd

Este es el original de la plantilla

<div class="span"><a href="#"><img src="/images/facebook.png" alt=""/><i>Sign In with Facebook</i><div class="clear"></div></a></div>

y con el que me envias queda así

y lo que no entiendo es que el otro Conectar que tengo (en donde esta el usuario y password)
no se ve feo e intento "imitarlo" pero no pasa lo mismo, queda feo ¬¬

gracias a todos por la ayuda!!

Batou · 12 Marzo 2015

Darevas dijo:
wow te pasaste!!
ahora "parece" que funciona solo con 1 detalle

Este es el original de la plantilla

y con el que me envias queda así
https://dl.dropboxusercontent.com/u/52015782/web.jpg

y lo que no entiendo es que el otro Conectar que tengo (en donde esta el usuario y password
no se ve feo e intento "imitarlo" pero no pasa lo mismo, queda feo ¬¬

gracias a todos por la ayuda!!

Le habia quitado el class="clear" (que son los estilos), porque pense que eran de un boton para borrar :xD

Código:

<input class="clear"  type="submit" name="accept" value="gratis" />

Si no te resulta quizas es porque no tienes definido la clase clear en el CSS, en ese caso tienes que definirla (copiarla desde donde sacaste el class="clear")

Saludos.

Darevas · 12 Marzo 2015

ebanyu dijo:
Le habia quitado el class="clear" (que son los estilos), porque pense que eran de un boton para borrar :xD

Código:

<input class="clear" type="submit" name="accept" value="gratis" />

Si no te resulta quizas es porque no tienes definido la clase clear en el CSS, en ese caso tienes que definirla (copiarla desde donde sacaste el class="clear")

Saludos.

agregue esa linea pero queda igual
en el css encontre esto con "clear"

clear{clear:both;}/* clear float */

gracias por la ayuda

PD:
esta es la plantilla que estoy usando
http://w3layouts.com/facebook-twitter-google-login-page/

los botones de la derecha solo deje el de facebook que es el que estoy modificando ahora.

Batou · 12 Marzo 2015

Darevas dijo:
agregue esa linea pero queda igual
en el css encontre esto con "clear"

gracias por la ayuda

PD:
esta es la plantilla que estoy usando
Facebook Twitter Google Login Page by w3layouts

los botones de la derecha solo deje el de facebook que es el que estoy modificando ahora.

El boton verde cierto?

Código:

.boton {

    background: none repeat scroll 0 0 #79b42b;

    border: medium none;

    border-radius: 2px;

    color: #fff;

    cursor: pointer;

    font-size: 1.3em;

    letter-spacing: 1px;

    margin: 28px 0 30px;

    outline: medium none;

    padding: 12px;

    transition: all 0.5s ease-out 0s;

    width: 79%;



}

Agregalo a tu css y en el input button le pones class="boton", si te fijas con el firebug o el inspector, en el demo online aparecen los estilos.

Igual si no te queda igual, es mejor usar el firebug e ir cambiando los estilos on the fly

Saludos.

Darevas · 12 Marzo 2015

no era el verde :xd

era el de facebook

no entiendo ni ....... eso de firebug :hmmm

ahora quedó así

gracias por tu tiempo

edito: ya lo corregí!! :zippynana

muchas gracias por la ayuda [MENTION=66701]ebanyu[/MENTION]

Batou · 12 Marzo 2015

Darevas dijo:
no era el verde
era el de facebook

no entiendo ni ....... eso de firebug

ahora quedó así
https://dl.dropboxusercontent.com/u/52015782/web1.jpg

gracias por tu tiempo

edito: ya lo corregí!!
muchas gracias por la ayuda @ebanyu

El de facebook era un div con una imagen y codigo javascript para hacer que sea un boton,, es decir era mas webeo xD!, lo mejor era dejarlo como input y cambiarle el color, como lo hiciste

Saludos.

Ayuda con Portal Cautivo

Darevas

Mod Super Saiyajin

BalroG

Te lo dije

Darevas

Mod Super Saiyajin

BalroG

Te lo dije

Darevas

Mod Super Saiyajin

juliux

Goma Espuminglish!!!

Batou

%安全

Darevas

Mod Super Saiyajin

Batou

%安全

Darevas

Mod Super Saiyajin

Batou

%安全

Darevas

Mod Super Saiyajin

Batou

%安全