The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Pop-up box with html and jquery

3 posters

Go down

Pop-up box with html and jquery Empty Pop-up box with html and jquery

Post by Omu November 22nd 2011, 6:48 pm

How can i make a Pop-up box with html and jquery?
Omu
Omu
Active Poster

Male Posts : 1021
Reputation : 87
Language : Romanian, English

http://techtitans.forumer.ro/

Back to top Go down

Pop-up box with html and jquery Empty Re: Pop-up box with html and jquery

Post by LGforum November 22nd 2011, 7:40 pm

In its simplest form:

Code:

<div onclick="jQuery('#popup').show();">Click This to pop up the next box</div>
<div id="popup" style="display:none;"> Content of a box here</div>

But your gonna have to be more specific.
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Pop-up box with html and jquery Empty Re: Pop-up box with html and jquery

Post by Omu November 22nd 2011, 8:36 pm

I want something like this.
Omu
Omu
Active Poster

Male Posts : 1021
Reputation : 87
Language : Romanian, English

http://techtitans.forumer.ro/

Back to top Go down

Pop-up box with html and jquery Empty Re: Pop-up box with html and jquery

Post by ankillien November 23rd 2011, 4:03 am

KevinDesign wrote:I want something like this.

Hi,

They have already given enough documentation on that page Go through it and try applying it on your forum.
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Pop-up box with html and jquery Empty Re: Pop-up box with html and jquery

Post by Omu November 23rd 2011, 7:30 am

I tried but the code don't work.
Omu
Omu
Active Poster

Male Posts : 1021
Reputation : 87
Language : Romanian, English

http://techtitans.forumer.ro/

Back to top Go down

Pop-up box with html and jquery Empty Re: Pop-up box with html and jquery

Post by ankillien November 23rd 2011, 8:00 am

What code did you add?
Make sure you add the files that they are providing including JS and CSS.
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Pop-up box with html and jquery Empty Re: Pop-up box with html and jquery

Post by Omu November 23rd 2011, 9:08 am

I used:

Code:
<a href="#" id="diagnostics">Show diagnostics</a>

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.6.2.min.js"></script>
<link rel="stylesheet" href="http://onehackoranother.com/projects/jquery/boxy/stylesheets/boxy.css" type="text/css">
<script type="text/javascript" src="http://onehackoranother.com/projects/jquery/boxy/javascripts/jquery.boxy.js"></script>

Omu
Omu
Active Poster

Male Posts : 1021
Reputation : 87
Language : Romanian, English

http://techtitans.forumer.ro/

Back to top Go down

Pop-up box with html and jquery Empty Re: Pop-up box with html and jquery

Post by ankillien November 23rd 2011, 9:30 am

The code is incomplete.

The href="#" must have URL of the page/section you want to open and the <a> tag must have class="boxy" applied to it.

If you want a page to open in popup, the link code should be like...

Code:
<a href="http://forumotion.com/" class="boxy">Forumotion</a>

Hope it helps Smile
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Pop-up box with html and jquery Empty Re: Pop-up box with html and jquery

Post by Omu November 23rd 2011, 3:49 pm

I tried with:
Code:

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.6.2.min.js"></script>
<link rel="stylesheet" href="http://onehackoranother.com/projects/jquery/boxy/stylesheets/boxy.css" type="text/css">
<script type="text/javascript" src="http://onehackoranother.com/projects/jquery/boxy/javascripts/jquery.boxy.js"></script>
 

  <a href="http://forumotion.com/" class="boxy">Forumotion</a>

but don't work Sad
Omu
Omu
Active Poster

Male Posts : 1021
Reputation : 87
Language : Romanian, English

http://techtitans.forumer.ro/

Back to top Go down

Pop-up box with html and jquery Empty Re: Pop-up box with html and jquery

Post by Omu November 28th 2011, 5:29 pm

No one can help me?Sad
Omu
Omu
Active Poster

Male Posts : 1021
Reputation : 87
Language : Romanian, English

http://techtitans.forumer.ro/

Back to top Go down

Pop-up box with html and jquery Empty Re: Pop-up box with html and jquery

Post by Omu December 3rd 2011, 9:45 pm

Bump Sad
Omu
Omu
Active Poster

Male Posts : 1021
Reputation : 87
Language : Romanian, English

http://techtitans.forumer.ro/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum