necesito ayuda con javascript en archivo php
Publicado por vicente (15 intervenciones) el 02/12/2016 12:35:21
hola buenos dias aver la situacion es la siguiente .....
he creado un formulario de login donde al lado me aparece la palabra registro que me abre una ventana modal con un formulario modal..... el formulario tanto el de inicio de sesion , como el de registro funcionan bien, pues inicio sesion y me resgistro correctamente.... el problema lo tengo en el formulario de registro que se abre en el modal , que tiene un select donde puedo elegir una imagen(avatar)....
este select funciona con javascript y jquery..... asi que he creado un archivo js con el script que hace funcionar el select de seleccion de avatar......
este es el archivo que hace funcionar el select de seleccion de avartar.....
bien ahora lo que hago es incluir este script en el archivo flogin que es el archivo del formulario de login-...... con un require_once, de la sigueinte forma....
pero no me sale el select cuando abro el formulario modal......
y sospecho que el problema esta en la linea: 45
que es esta:
pq pienso que deberia de concatenarse el valor del id que es quien llama a la funcion javascript y el onChange que tambien es una funcion del javascript.....
He probado a concatenar esas llamadas con comillas de esta foma....
pero sin exito...
alguien podria ayudarme a solucionar esto......
saludos y gracias por adelantado
he creado un formulario de login donde al lado me aparece la palabra registro que me abre una ventana modal con un formulario modal..... el formulario tanto el de inicio de sesion , como el de registro funcionan bien, pues inicio sesion y me resgistro correctamente.... el problema lo tengo en el formulario de registro que se abre en el modal , que tiene un select donde puedo elegir una imagen(avatar)....
este select funciona con javascript y jquery..... asi que he creado un archivo js con el script que hace funcionar el select de seleccion de avatar......
este es el archivo que hace funcionar el select de seleccion de avartar.....
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
$(document).ready(function (e)
{
$('.opcion').click(function (e)
{
if ($(this).text() == "Personalizar")
{
$("#personalizar_avatar").show();
}
else
{
$("#personalizar_avatar").hide();
img = "img/icons/avatar/" + $(this).val();
$("#imagen").attr("src", img);
$("#selImagenes").css('background-image', 'no-repeat url(' + img + ')');
}
});
$('#imgRemota').change(function (event)
{
var tmppath = URL.createObjectURL(event.target.files[0]);
$('#imagen').attr('src', tmppath);
});
});
</script>
1
require_once('js/avatar.js');
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<?php
session_start();
if (isset($_SESSION['login_user']))
{
echo'<div>';
echo'<div class="dropdown inf_usuario">';
echo'<img src="img/icons/avatar/'.$_SESSION['url_avatar'].'" width="50px" height="auto">';
echo'</div>';
echo'<div>' . $_SESSION['login_user'];
echo'<a class="desconectar" href="logout.php">Desconectar</a>';
echo'</div>';
echo'</div>';
}
else
{
echo'<div class="dropdown">';
echo'<a class="btn btn-primary dropdown-toggle" id="login" type="button" data-toggle="dropdown">Iniciar sesion</a>';
echo'<a data-toggle="modal" href="#registrarModal" id="registrar" target="_blank" title="registro">Registro</a>';
echo'<div class="modal fade" id="registrarModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">';
echo'<a class="close img-responsive" data-dismiss="modal" aria-label="Close" target="_blank" title="cerrar"><img src="img/lightbox/close.png"></a>';
echo'<div class="modal-dialog modal-lg-registro" role="document">';
echo'<div class="modal-content">';
echo'<div class="title_registro modal-header">';
echo'<h2 class="modal-title text-danger text-center" id="myModalLabel">Formulario Registro</h2>';
echo'</div>';
echo'<div class="modal-body">';
echo'<section class="form_registro col-lg-12 col-xs-12">';
echo'<form method="POST" action="registro.php" enctype="multipart/form-data">';
echo'<fieldset>';
echo'<p class="nombre text-warning">Nombre:</p> <input id="nombre" class="nombre_text input-lg" type="text" name="nombre" placeholder="Nombre*" required/>';
echo'<br />';
echo'<p class="apellidos text-warning">Apellidos:</p> <input id="apellidos" class="apellidos_text input-lg" type="text" name="apellidos" placeholder="Apellidos*" required/>';
echo'<br />';
echo'<p class="usuario text-warning">Usuario:</p> <input id="usuario" class="usuario_text input-lg" type="text" name="user" placeholder="Usuario*" required/>';
echo'<br />';
echo'<p class="email text-warning">Email:</p><input id="email" class="email_text input-lg" type="email" name="email" placeholder="Email*" required/>';
echo'<br />';
echo'<p class="password text-warning">Contraseña:</p> <input id="password" class="password_text input-lg" type="password" name="password" placeholder="Contraseña*" required/>';
echo'<br />';
echo'<p class="rpassword text-warning">Repetir Contraseña:</p> <input id="rpassword" class="rpassword_text input-lg" type="password" name="rpassword" placeholder="Repetir Contraseña*" required/>';
echo'<br />';
echo'<p class=" avatar text-warning">Avatar:<p>';
$directorio = "img/icons/avatar/";
$dir = opendir("$directorio");
$cod = '<select id="selImagenes" class="seleccion_avatar" name="avatar_usuario" onChange="showimage(this)">';
$_POST['url_avatar'] = $directorio . 'selected';
$cod .= '<option class="opcion" value=$directorio/Anonimo.png selected>- Sin imagen -</option>';
while ($file = readdir($dir))
{
if ($file != "." && $file != "..")
{
$cod .= '<option class="opcion" value="' . $file . '">' . $file . '</option>';
}
}
$cod .= '<option class="opcion">Personalizar</option>';
$cod .= '</select>';
closedir($dir);
echo'<input class="registrar" id="registrar" type="submit" name="registrarse" value="Registrarse!"/>';
echo'<input class="restablecer" id="restablecer" type="reset" value="Restablecer"/>';
echo'</fieldset>';
echo'<div id="personalizar_avatar" style="display:none;">';
echo'<input class="inputfile avatarPersonal" type="file" name="imgRemota" id="imgRemota"/>';
echo'<label class="etiqueta_avatarPersonal" for="imgRemota"><strong>Sube tu propio avatar</strong></label>';
echo'</div>';
echo'</form>';
echo'<div class="imagen_avatar personal_imagen_avatar">';
echo'<img id="imagen" src="<?php echo $directorio . $file ?>" alt="" name="avatar_usuario" onload="recargar()" width="108px" height="auto">';
echo'</div>';
echo'<?= $cod;';
echo'</div>';
echo'</div>';
echo'</div>';
echo'</div>';
echo'</div>';
echo'<form class="dropdown-menu" role="menu" aria-labelledby="menu1" action="login.php" method="POST">';
echo'<fielset>';
echo'<legend class="login text-center">Inicio de sesion</legend>';
echo'<i class="fa fa-user" aria-hidden="true"></i>';
echo'<input class="text-muted user_text" type="text" name="username" id="username" placeholder="Usuario"><br />';
echo'<br />';
echo'<i class="fa fa-key" aria-hidden="true"></i>';
echo'<input class="passwd text-muted passwd_text" type="text" name="password" id="password" placeholder="Password"><br />';
echo'<br />';
echo'<input class="checkLogin" type="checkbox" name="recordar" id="recordar">';
echo'<label class="remember text-warning" for="recordar">Recordar</label>';
echo'<input class="flogin" type="submit" name="submit" id="submit" value="Inicio">';
echo'</fieldset>';
echo'</form>';
}
require_once('js/avatar.js'); <---aqui incluyo el archivo javascript que maneja el select
echo'</div><!--Fin Formulario inicio sesion-->';
echo'</div><!--/.nav-container -->';
?>
que es esta:
1
$cod = '<select id="selImagenes" class="seleccion_avatar" name="avatar_usuario" onChange="showimage(this)">';
He probado a concatenar esas llamadas con comillas de esta foma....
1
"'. '" o '"."'
alguien podria ayudarme a solucionar esto......
saludos y gracias por adelantado
Valora esta pregunta


0