Passing variable to javascript modal window.

[tebrown]

Hey Guys,

For the last couple of days i've been stumped on this jquery modal that I have been using. The problem i have come across involves passing variables to a jQuery modal dialogue upon a user clicking a link.

At the moment i am running a mysql_query that gets all the fixtures from the database. The results of these are then displayed on a page called schedule.php. Next to each fixture, a user can click the a link called 'edit lineup' which would then open up a modal window(lineup.php).

The link 'edit lineup' on schedule.php has a variable within the url (id). Like this:

<div id='basic-modal'><a href="schedule.php?id=<?php echo $id; ?>" class='basic'>Edit Lineup</a></div>

What i want to do is pass this id value into the modal window once the user clicks the link. Obviously this is different because the page is not being refreshed.

This is the javascript that opens the modal if it helps.

	jQuery(function ($) {

		// Load dialog on click
		$('#basic-modal .basic').click(function (e) {
			$('#content-one').modal({
			overlayClose:true,
			opacity:40
			});

			});
			return false;
		});

If anyone could help me out that would be much appreciated.

Cheers
tebrown

[Fou-Lu]

This hasn't a thing to do with PHP. Javascript should be capable of pulling the querystring with the link and providing it to the modal window onclick.
Moving from PHP to javascript frameworks.

[WolfShade]

You could make the source of the modal an iframe and pass along the URL parameter. You'd have to use document.URL to get the url and the query string, then just split the query string; first by ?, then by &, then by =.

[DanInMa]

not sure where you want to use the id in the modal but this is one way to go:

<div id='basic-modal'><a href="schedule.php?id=<?php echo $id; ?>" rel="<?php echo $id; ?>" class='basic'>Edit Lineup</a></div>

	jQuery(function ($) {

		// Load dialog on click
		$('#basic-modal .basic').click(function (e) {
                        e.PreventDefault();
                        var Myvar = $(this).find('a').attr('rel');
			$('#content-one').modal({
			overlayClose:true,
			opacity:40
			});
                          //do something here with MyVar

			});
		});

[tebrown]

Originally Posted by Fou-Lu

This hasn't a thing to do with PHP. Javascript should be capable of pulling the querystring with the link and providing it to the modal window onclick.
Moving from PHP to javascript frameworks.

How would i go about doing this? - this is the way i would like to do it.

Cheers
tebrown

[tebrown]

Originally Posted by DanInMa

not sure where you want to use the id in the modal but this is one way to go:

<div id='basic-modal'><a href="schedule.php?id=<?php echo $id; ?>" rel="<?php echo $id; ?>" class='basic'>Edit Lineup</a></div>

	jQuery(function ($) {

		// Load dialog on click
		$('#basic-modal .basic').click(function (e) {
                        e.PreventDefault();
                        var Myvar = $(this).find('a').attr('rel');
			$('#content-one').modal({
			overlayClose:true,
			opacity:40
			});
                          //do something here with MyVar

			});
		});

Thanks for you reply,

How would i then echo the Myvar variable in PHP? - so i can then use the id to search within a mysql_query.

Cheers
tebrown