Unquie Div tag

NZ_Kiwis

I have this script which displays photos, it looks though a SQL search displaying photos. I also have a jQuery script which will display a box upon a click like below.

This works well but as each photo has the same DIV tag it only shows the first photo ID i want the content to be different.

how can i do this?

<a href='#' class='basic'>Email me a copy</a> 

<div id="basic-modal-content">
<?php echo "Photo ID: " . $row['PhotoID']; ?>
</div>

Bonesnap

Why not do something like this:

<a href='#' class='basic'>Email me a copy</a>

<div id="<?php echo $row['PhotoID'];?>">
<?php echo "Photo ID: " . $row['PhotoID']; ?>
</div>

bradgrafelman

And if $row['PhotoID'] is a numeric quantity, don't forget to prefix it so that you don't have an id attribute whose value begins with a number (since that would be invalid HTML).

NZ_Kiwis

Bonesnap;10993120 wrote:

Why not do something like this:

<a href='#' class='basic'>Email me a copy</a>

<div id="<?php echo $row['PhotoID'];?>">
<?php echo "Photo ID: " . $row['PhotoID']; ?>
</div>

Great thanks, however now it does not display a photo ID? how do I get the link to point to the correct DIV tag?

johanafm

You'd need to put the same id in the corresponding anchor's href attribute after the #.

NZ_Kiwis

like this? because it does not work

<a href='#Photo_1' id="photoview_1" class='basic'>Email me a copy</a>

<div id="Photo_1">
Photo ID: 1</div>

<div style='display:none'>
<img src='images/x.png' alt='' />
</div>

</div>

NZ_Kiwis

Any ideas????

bradgrafelman

I'm confused; what is that link supposed to do?

NZ_Kiwis

I'm looping through result and displaying photos.
on each look i want to add a link which will display a box. that box will contain a form (yet to be inserted)

Right now is displays a blank box.

johanafm

<a href="#id">Goto</a>

<!-- stuff -->

<element id="id" />

will scroll the page to the element with id "id"

If that element contains only non visible contents... the user will obviously see nothing of it.

NZ_Kiwis

johanafm;10993349 wrote:
<a href="#id">Goto</a>



<element id="id" />
will scroll the page to the element with id "id"

If that element contains only non visible contents... the user will obviously see nothing of it.

That's what I have but it does not work.

Can someone post an example then of such a script which will loop though results. On each loop a link is created, when clicked it will show a box (i use jQuery) that will have specific data which is provided from within the loop?

johanafm

NZ_Kiwis;10993366 wrote:
when clicked it will show a box (i use jQuery) that will have specific data which is provided from within the loop?

That's a completely different matter and would require javascript code. An anchor with href="#uniqueidentifier" will SCROLL to that element, not do anything else. Well, unless you also specify an onclick event for the same anchor which does something else.

It would surprise me a lot if there are not tutorials on how to create "popups" using jQuery.