Problema con ajax y jquery
Publicado por Dariel (1 intervención) el 08/12/2011 19:01:44
Hola, les escribo porque estoy haciendo un sitio y quiero hacer uso de ventanas modales, para ello me estoy apollando en jquery, pero estoy teniendo un problema con ello. les esplico que es lo que pasa, yo tengo en mi pagina index un boton que al darle clic me debe mostrar un cumulo de resultados, algo parecido al funcionamiento de un buscador, ese boton me debe sacar un listado de cosas y al yo seleccionar una de esas opciones es que se debe abrir la ventana modal y es ahi donde se jode la cosa, aca les pongo el codigo de lo que estoy usando para que vean.
-----Esta seria mi index-------
<!doctype html>
<html lang="en">
<head>
<title>Ventana Modal</title>
<script type="text/javascript" src="js/ajax.js"></script>
</head>
<body>
<input type="submit" value="Buscar" onclick="MostrarConsulta('consulta.php'); return false" />
<div id="resultado"></div>
</body>
</html>
------Esta seria mi pagina consulta-----------------
<!doctype html>
<html lang="en">
<head>
<title>Ventana Modal</title>
<link type="text/css" href="ccs/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/ui.draggable.js"></script>
<script type="text/javascript" src="js/ui.resizable.js"></script>
<script type="text/javascript" src="js/ui.dialog.js"></script>
<script type="text/javascript" src="js/effects.core.js"></script>
<script type="text/javascript" src="js/effects.highlight.js"></script>
<script type="text/javascript" src="js/jquery.bgiframe.js"></script>
<script type="text/javascript" src="js/ventana.js"></script>
<link type="text/css" href="ccs/demos.css" rel="stylesheet" />
</head>
<body>
<div class="demo">
<div id="dialog" title="Create new user">
<p id="validateTips">All form fields are required.</p>
<form>
<fieldset>
<label for="name">Name</label>
<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
<label for="email">Email</label>
<input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
<label for="password">Password</label>
<input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
</fieldset>
</form>
</div>
<div id="users-contain" class="ui-widget">
<h1>Existing Users:</h1>
<table id="users" class="ui-widget ui-widget-content">
<thead>
<tr class="ui-widget-header ">
<th>Name</th>
<th>Email</th>
<th>Password</th>
</tr>
</thead>
<tbody>
<tr>
<td>John Doe</td>
<td>[email protected]</td>
<td>johndoe1</td>
</tr>
</tbody>
</table>
</div>
<button id="create-user" class="ui-button ui-state-default ui-corner-all">Create new user</button>
</div><!-- End demo -->
<div class="demo-description">
<p>Use a modal dialog to require that the user enter data during a multi-step process. Embed form markup in the content area, set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p>
</div><!-- End demo-description -->
</body>
</html>
en esta pagina consulta es donde esta el boton que levantará la ventana modal.
Si realmente yo levanto esta pagina sin haber accedido por la index, el ejemplo funciona perfectamente, donde se jode es cuando la llamo desde otra.
Gracias de antemano a quien pueda ayudar.
-----Esta seria mi index-------
<!doctype html>
<html lang="en">
<head>
<title>Ventana Modal</title>
<script type="text/javascript" src="js/ajax.js"></script>
</head>
<body>
<input type="submit" value="Buscar" onclick="MostrarConsulta('consulta.php'); return false" />
<div id="resultado"></div>
</body>
</html>
------Esta seria mi pagina consulta-----------------
<!doctype html>
<html lang="en">
<head>
<title>Ventana Modal</title>
<link type="text/css" href="ccs/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/ui.draggable.js"></script>
<script type="text/javascript" src="js/ui.resizable.js"></script>
<script type="text/javascript" src="js/ui.dialog.js"></script>
<script type="text/javascript" src="js/effects.core.js"></script>
<script type="text/javascript" src="js/effects.highlight.js"></script>
<script type="text/javascript" src="js/jquery.bgiframe.js"></script>
<script type="text/javascript" src="js/ventana.js"></script>
<link type="text/css" href="ccs/demos.css" rel="stylesheet" />
</head>
<body>
<div class="demo">
<div id="dialog" title="Create new user">
<p id="validateTips">All form fields are required.</p>
<form>
<fieldset>
<label for="name">Name</label>
<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
<label for="email">Email</label>
<input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
<label for="password">Password</label>
<input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
</fieldset>
</form>
</div>
<div id="users-contain" class="ui-widget">
<h1>Existing Users:</h1>
<table id="users" class="ui-widget ui-widget-content">
<thead>
<tr class="ui-widget-header ">
<th>Name</th>
<th>Email</th>
<th>Password</th>
</tr>
</thead>
<tbody>
<tr>
<td>John Doe</td>
<td>[email protected]</td>
<td>johndoe1</td>
</tr>
</tbody>
</table>
</div>
<button id="create-user" class="ui-button ui-state-default ui-corner-all">Create new user</button>
</div><!-- End demo -->
<div class="demo-description">
<p>Use a modal dialog to require that the user enter data during a multi-step process. Embed form markup in the content area, set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p>
</div><!-- End demo-description -->
</body>
</html>
en esta pagina consulta es donde esta el boton que levantará la ventana modal.
Si realmente yo levanto esta pagina sin haber accedido por la index, el ejemplo funciona perfectamente, donde se jode es cuando la llamo desde otra.
Gracias de antemano a quien pueda ayudar.
Valora esta pregunta
0