Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Ayuda con AJAX y prototip

Estas en el tema de Ayuda con AJAX y prototip en el foro de Frameworks JS en Foros del Web. Buenas, Estoy haciendo un nuevo script, basado en el plugin prototip que abre una ventanita al lado del elemento en el que se tiene el ...
  #1 (permalink)  
Antiguo 06/02/2011, 17:23
 
Fecha de Ingreso: febrero-2008
Mensajes: 269
Antigüedad: 16 años, 2 meses
Puntos: 5
Información Ayuda con AJAX y prototip

Buenas,

Estoy haciendo un nuevo script, basado en el plugin prototip que abre una ventanita al lado del elemento en el que se tiene el mouse puesto encima, osea, una simulación del title pero más personalizado.

El caso es que quiero que la información que muestre, dependa del elemento, teniendo 24 elementos no creo que lo mejor sea ponerlo todo a mano y por eso la idea era hacer una llamada a la tabla que corresponde e imprimir la información.

Aunque leí que php dentro de JS no funciona porque PHP se ejecuta en el servidor, tambien he leido que al asi, si seria valido.

Código Javascript:
Ver original
  1. var info = <?=$info?>

No lo he probado, asi que no sabria decir pero me parece una guarrada hacerlo de esa forma, no me quedaría más remedio que usarlo porque no se nada de AJAX y lo que leo, basicamente no me entero de nada.

El script en cuestión es este.

Código Javascript:
Ver original
  1. new Tip('Elemento', "Contenido", {
  2.         title: "Stem hooking",
  3.         style: 'protoblue',
  4.         stem: 'rightMiddle',
  5.         hook: { target: 'topMiddle', tip: 'bottomMiddle' },
  6.         offset: { x: -6, y: -3 },
  7.         width: 'auto'
  8.     });

El caso es que tengo un select, es en el cual quiero que funcione este script, es decir, al poner el raton sobre una de las opciones, vaya mostrando una información u otra, segun donde la que estes marcando. No se si seria posible y si no lo fuera, cuales serian las opciones mas similares. Es para utilizarlo en un juego, en un combobox de habilidades, donde al abrirlo y poner el ratón sobre una de ellas, te ponga la información y asi sepas cual seleccionar.

Lo que he conseguido distinguir en la documentación del script es este ejemplo

Código Javascript:
Ver original
  1. new Tip(element, {
  2.   ajax: {
  3.     url: '/include/ajax.php',
  4.     options: {
  5.       onComplete: function() { alert('ajax content loaded'); }
  6.     }
  7.   }
  8. });

Que supongo es el que debería utilizar para lo que quiero...o este es para enviar información en lugar de recibirla e__e voy perdido...dejo la url del plugin por si hace falta...

http://www.nickstakenburg.com/projects/prototip2/

Siento haberme extendido pero queria aclarar cuanto sepa.

Última edición por Vendetta; 06/02/2011 a las 17:25 Razón: Ejemplo ajax
  #2 (permalink)  
Antiguo 06/02/2011, 17:50
Avatar de masterpuppet
Software Craftsman
 
Fecha de Ingreso: enero-2008
Ubicación: Montevideo, Uruguay
Mensajes: 3.550
Antigüedad: 16 años, 3 meses
Puntos: 845
Respuesta: Ayuda con AJAX y prototip

Que tal Vendetta, lo probaste y te dio algún error ?, porque en teoria seria seleccionar los elementos, agregarles el tooltip y que el ajax tenga por respuesta el html correspondiente, algo así:

Código Javascript:
Ver original
  1. document.observe('dom:loaded', function() {
  2.    $$('.selector').each(function(el, i){
  3.         new Tip(el, {
  4.             ajax: {
  5.                 url: '/include/ajax.php?id=' + el.value,
  6.                 options: {
  7.                     onComplete: function() { alert('ajax content loaded'); }
  8.                 }
  9.             }
  10.         });
  11.     });
  12. });

Saludos.
__________________
http://es.phptherightway.com/
thats us riders :)
  #3 (permalink)  
Antiguo 06/02/2011, 18:27
 
Fecha de Ingreso: febrero-2008
Mensajes: 269
Antigüedad: 16 años, 2 meses
Puntos: 5
Respuesta: Ayuda con AJAX y prototip

No, he leido un poco e intentado pero no se como empezar, como formar el script para recoger una variable de la base de datos e imprimirla en un script javascript.

Código Javascript:
Ver original
  1. document.observe('dom:loaded', function() {
  2.    $$('.selector').each(function(el, i){
  3.         new Tip(el, {
  4.             ajax: {
  5.                 url: '/include/ajax.php?id=' + el.value,
  6.                 options: {
  7.                     onComplete: function() { alert('ajax content loaded'); }
  8.                 }
  9.             }
  10.         });
  11.     });
  12. });

Mas o menos lo que entiendo...es que coge el valor dentro del elemento selector y la añade en la url como ID, no? Pero lo que yo quiero es recibir un dato de la base de datos y imprimirla en el otro script.

Dejo el ejemplo marcando las variables php

Código Javascript:
Ver original
  1. new Tip('Elemento', $row['contenido'], {
  2.         title: $row['titulo'],
  3.         style: 'protoblue',
  4.         stem: 'rightMiddle',
  5.         hook: { target: 'topMiddle', tip: 'bottomMiddle' },
  6.         offset: { x: -6, y: -3 },
  7.         width: 'auto'
  8.     });

"$row" seria el array de la consulta SQL que haria en PHP y luego la imprimiría allí, es decir, no quiero enviar nada, quiero recibirlo y si puede ser un poquito explicado (lo necesario, tampoco pido un tutorial jej) para asi poder utilizarlo yo, en caso de que lo necesite para más cosas, sin necesidad de tener que abrir más temas aqui.

Gracias por responder Masterpuppet ^^

Etiquetas: ajax
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:52.