This is my first post as I'm a newbie to the site and to web developing. I am in the middle of a project where I have a list of links and for each link I want a confirmation box to open. I have the Jquery code working but even though I have specified which file is supposed to open in the <a> link, the first file that is in the list is the only one that opens. Is it possible to have a confirmation box to open for multiple links on a page? It has to be!!! I'm just not getting it! lol. Here is a snippet of my code....
<link rel="stylesheet" href="jquery-ui.css" type="text/css" />
<div class="dialog" id="question"><img src="question.png" alt="" /><span>Do you want to continue to this document?</span></div>
<li><a href="PreTheoCollegeBooklet.pdf" class="customDialog" target="_blank">Application and Admission Guidelines for College/Pre-Theology Booklet</a></li>
Even though I change the href for each document, this first one pulls up for every link. Here is the sample page I am working on.
Also, when the user clicks "confirm" I want the PDF file to open in a new tab, which I can't figure out either. If ANYONE can provide ANY help I would greatly appreciate it!