?
Solved

JQuery Popup

Posted on 2013-11-24
11
Medium Priority
?
276 Views
Last Modified: 2014-01-25
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
Comment
Question by:ramziabk
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 5
11 Comments
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39672605
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
 
LVL 1

Author Comment

by:ramziabk
ID: 39672762
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
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39672829
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
Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

 
LVL 1

Author Comment

by:ramziabk
ID: 39673879
We can have a webEx session and will show you what I did.

Ramzi
0
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39674243
I'd prefer a link to your page
0
 
LVL 1

Author Comment

by:ramziabk
ID: 39674802
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
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39675319
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
 
LVL 1

Author Comment

by:ramziabk
ID: 39677589
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
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39678266
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
 
LVL 1

Author Comment

by:ramziabk
ID: 39686764
Would you do it for us. Will pay you ? Let me know.
0
 
LVL 43

Accepted Solution

by:
Chris Stanyon earned 1000 total points
ID: 39687205
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 MongoDB database support online, now!

At Percona’s web store you can order your MongoDB database support needs in minutes. No hassles, no fuss, just pick and click. Pay online with a credit card. Handle your MongoDB database support now!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

765 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question