Solved

JQuery Popup

Posted on 2013-11-24
11
266 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
  • 6
  • 5
11 Comments
 
LVL 42

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 42

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
 
LVL 1

Author Comment

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

Ramzi
0
 
LVL 42

Expert Comment

by:Chris Stanyon
ID: 39674243
I'd prefer a link to your page
0
What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 
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 42

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 42

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 42

Accepted Solution

by:
Chris Stanyon earned 500 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

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
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.
Viewers will learn about basic arrays, how to declare them, and how to use them. Introduction and definition: Declare an array and cover the syntax of declaring them: Initialize every index in the created array: Example/Features of a basic arr…
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…

758 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

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now