Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

JQuery Popup

Posted on 2013-11-24
11
Medium Priority
?
278 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 44

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 44

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
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
LVL 1

Author Comment

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

Ramzi
0
 
LVL 44

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 44

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 44

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 44

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

Tech or Treat!

Submit an article about your scariest tech experience—and the solution—and you’ll be automatically entered to win one of 4 fantastic tech gadgets.

Question has a verified solution.

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

Since I am currently running into this issue right now as I type this, I though I would share my experiences with moving a ModX Revolution site from one server to another.  It is not an easy task, but can be accomplished rather easily. The first …
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

604 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