Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 282
  • Last Modified:

JQuery Popup

I need to add to my website page an image. Once the image is clicked, a popup window will open.

I downloaded the source code from Istockphp.com.
I need to know what should I do for the pop to work on my website.

I'm attaching the source code from Istockphp.com. I'd appreciate if you guide me on making it work on my website.

Many thanks
Ramzi
0
ramziabk
Asked:
ramziabk
  • 6
  • 5
1 Solution
 
Chris StanyonCommented:
No code attached!

Have you read the instructions from IStockPHP. They seem pretty self-explanatory!

http://istockphp.com/jquery/creating-popup-div-with-jquery/

If you have problems getting it to work, then ask a specific question, but at least follow the instructions first
0
 
ramziabkAuthor Commented:
Thanks Chris.
The fact that it is the first time I work with PHP and Jquery, Im have some tough time.

Accordning to the link you mentioned above, I've uploaded the style.css and Jquery script to the server.
I created a page and pasted the html code.

I can see only the text saying

Click here trigger

If I click nothing happens.

Under it Press Esc to close and another Click here Trigger.

As it is not seeing the trigger!!!
0
 
Chris StanyonCommented:
OK. We'll get you there, but we're going to need a link to your page so we can have a look at what you've done.
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
ramziabkAuthor Commented:
We can have a webEx session and will show you what I did.

Ramzi
0
 
Chris StanyonCommented:
I'd prefer a link to your page
0
 
ramziabkAuthor Commented:
This is the link to our website
http://blom.sa/livestreaming

Note how I arranged the cameras as links just to go Live with the project.
Ideally, I will add six buttons on the same page with lightbox or popup for each camera.

Hope this helps

Ramzi
0
 
Chris StanyonCommented:
Hey Ramzi,

Thanks for that. However, I'm struggling to get a handle on this. Your page doesn't seem to contain any of the code from the istockphp.com page, so I can't see where you're going wrong.

You say you have the Click Here trigger text, but I can't see it anywhere. Maybe you've given me a link to the wrong page??
0
 
ramziabkAuthor Commented:
Please find the link below.

http://blom.sa/TEST_popup

Note that now the popup is not working. But even if it is working, I will need to know how to create multiple popups for the six cameras on the same page.

Best
Ramzi
0
 
Chris StanyonCommented:
2 of the files that your page needs are giving 404 errors. You have these 3 lines:

<link rel="stylesheet" type="text/css" href="style/style.css" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>

Open in new window


The style.css and script.js are not being found, so you need to fix that. Also the lines should be in the HEAD of you document, not the BODY. You are already loading the jquery library from the HEAD so you don't need to load it a second time - it will break things.

Have you considered hiring a professional web developer to help you out. At this stage, we seem to be really struggling to get even the very basics right, so I'm guessing you have no experience at this kind of thing. Sometimes it's just more cost effective to pay a professional for an hour or two..
0
 
ramziabkAuthor Commented:
Would you do it for us. Will pay you ? Let me know.
0
 
Chris StanyonCommented:
It's not really the way we do things here at EE.

Don't know where you're based, but hiring a local developer would probably be the easiest way to go.
0

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

  • 6
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now