pasar parametro GET o POST a ventana jquery simplemodal

[fmorales]

Hola, estoy usando simplemodal para cuando alguien pulsa en un button o en un href abrir un popup modal a modo de layer para mostrar cierto contenido. Todo funciona bien, pero necesitaria pasar una variable para que dicha ventana mostra un dato y otro.

este es mi codigo basicamente:

Código HTML:

<div id='contact-form'>
         <a href='#'  class='contact'>CAMBIAR 1</a>
         <a href='#'  class='contact'>CAMBIAR 2</a>
        <a href='#'  class='contact'>CAMBIAR 3</a>
         </div> 

¿Como puedo pasar un parametro para poder identificar que elemento es el que quiero cambiar?

y este es el codigo jquery/simplemodal

Código HTML:

$(document).ready(function () {
	$('#contact-form input.contact, #contact-form a.contact').click(function (e) {
		e.preventDefault();
		// load the contact form using ajax
	
		$.post("solicitar_cambio.html", function(data){
			// create a modal dialog with the data			
			$(data).modal({
				closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
				position: ["15%",],
				overlayId: 'contact-overlay',
				containerId: 'contact-container',
				onOpen: contact.open,
				onShow: contact.show,
				onClose: contact.close,
    			contacto: $("#contact").val()
				
			});
			
			
		});
	});

	// preload images
	var img = ['cancel.png', 'form_bottom.gif', 'form_top.gif', 'loading.gif', 'send.png'];
	$(img).each(function () {
		var i = new Image();
		i.src = 'img/contact/' + this;
	});
});

¿Como puedo pasarle a la ventana que se abre un parametro, por ejemplo es un boton para abrir un formulario de cambio, pero necesito saber el ID para obterner los datos de la BBDD, como se lo puedo pasar?

disculpadme pero no estoy muy puesto en jquery ni ajax.

Mil gracias

[mayid]

Se lo podes pasar aqui:

solicitar_cambio.html?var=contenido

Aunque $.POST tambien te permite encadenar variables en data:

variable = "id3";

$.ajax({
type: 'POST',
url: solicitar_cambio.html,
data: variable,
success: ...
});

http://api.jquery.com/jQuery.post/

Por curiosidad, que lenguaje usas de lado servidor?

[fmorales]

PHP con smarty, voy a probarlo y os cuento.

Muchas gracias

[fmorales]

de todas formas, vale, he puesto en el codigo javascript solicitar_cambio.html?var=contenido y efectivamente, me ha generado una variable POST var con valor "contenido", pero .... necesito cambiar el valor de la variable var en funcion de donde pulse el usuario.

osea....

el codigo se invoca desde un <a href></a> o desde un <input type="button">.... y cada <a href debe de llamar al codigo con un valor de "var" distinto ... como hago eso?

realmente lo que hago es dinamicamente con smarty generar un bloque con un {section}{section/} y cada uno de los enlaces generados hace referencia a un articulo, por lo que ... cuando se pulsa un enlace en cuestion, ha de pasarle a la ventana simplemodal el valor de "var" del articulo en cuestion.

Y entiendo que no tengo que generar un codigo javascript para cada uno de los articulos o href, debe de ser unico para todos y son los href o los button los que han de pasarle el parametro. no?

Código HTML:

$(document).ready(function () {
	$('#contact-form input.contact, #contact-form a.contact').click(function (e) {
		e.preventDefault();
		// load the contact form using ajax
	
		$.post("solicitar_cambio.html?var=contenido", function(data){
			// create a modal dialog with the data			
			$(data).modal({
				closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
				position: ["15%",],
				overlayId: 'contact-overlay',
				containerId: 'contact-container',
				onOpen: contact.open,
				onShow: contact.show,
				onClose: contact.close,
    			contacto: $("#contact").val()
				
			});
			
			
		});
	});

Iniciado por mayid

Se lo podes pasar aqui:



Aunque $.POST tambien te permite encadenar variables en data:


[url]http://api.jquery.com/jQuery.post/[/url]

Por curiosidad, que lenguaje usas de lado servidor?

[mayid]

A cada item de tu html asignale un valor. Puede ser un id, o cualquier otro tipo de atributo. Pero que sea único. Luego, cuando necesites ese valor dentro de una función, lo invocas así por ejemplo:

$(this).attr("id");

Lo que resta ahora es usar una variable:

contenido = $(this).attr("id");

$.post("solicitar_cambio.html?var="+contenido, function(data){


...

})

Y entiendo que no tengo que generar un codigo javascript para cada uno de los articulos o href, debe de ser unico para todos y son los href o los button los que han de pasarle el parametro. no?

Estamos hablando de poner un mismo evento a muchos items html a la vez (por ejemplo un evento click?). Mh... estoy en duda de eso. Creo que para asignar un evento a muchos tags html hay que usar un bucle... y justo estamos hablando de eso en otro lugar de este foro.

[fmorales]

Estupendo funciona !!!!

Muchas gracias, llevo años programando en HTML - DHTML - PHP pero el javascript siempre se me ha resistido un poco, uso lo indispensable voy a tener que ir poniendome las pilas.

Muchas gracias !!

Saludos desde Málaga