The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Pop-up box with html and jquery

View previous topic View next topic Go down

Pop-up box with html and jquery

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

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

Omu
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

Re: Pop-up box with html and jquery

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Pop-up box with html and jquery

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

I want something like this.

Omu
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

Re: Pop-up box with html and jquery

Post by ankillien on 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
Energetic

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

http://www.webartzforum.com/

Back to top Go down

Re: Pop-up box with html and jquery

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

I tried but the code don't work.

Omu
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

Re: Pop-up box with html and jquery

Post by ankillien on 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
Energetic

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

http://www.webartzforum.com/

Back to top Go down

Re: Pop-up box with html and jquery

Post by Omu on 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
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

Re: Pop-up box with html and jquery

Post by ankillien on 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
Energetic

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

http://www.webartzforum.com/

Back to top Go down

Re: Pop-up box with html and jquery

Post by Omu on 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
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

Re: Pop-up box with html and jquery

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

No one can help me?Sad

Omu
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

Re: Pop-up box with html and jquery

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

Bump Sad

Omu
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

View previous topic View next topic Back to top


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