JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me

The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.

Go Back   Dev Shed ForumsWeb DesignJavaScript Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old January 9th, 2013, 10:33 AM
rtuite rtuite is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2012
Posts: 9 rtuite User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 40 m
Reputation Power: 0
Text box pop up - Just learning JS

I want to create a popup box containing text from a link. The idea is, I will have a page with several links, and when someone clicks on a link, it will bring a box up with a block of text. Sometimes, this may need to scroll.

I don't want it to pop up in a new window. Instead, I want it to come up on the same page "on top" of the other content, and dim the page behind it. I have seen this before, but don't recall where. I have also seen sites do it with images of products., but also can't think of examples.

My question is, what is this called? I would also like some suggestions on going about this since I am just starting to learn javascript.

Reply With Quote
  #2  
Old January 9th, 2013, 12:50 PM
web_loone08's Avatar
web_loone08 web_loone08 is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
 
Join Date: Aug 2008
Posts: 662 web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 1 Week 2 Days 9 h 15 m 9 sec
Reputation Power: 69

Reply With Quote
  #3  
Old January 9th, 2013, 01:00 PM
rtuite rtuite is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2012
Posts: 9 rtuite User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 40 m
Reputation Power: 0
See, I didn't know that was called a lightbox. No need to be snarky. I did say I was just learning, right? I don't want to be "spoon fed" answers, I want to be pointed in the right direction to learn on my own. It helps to know the terminology, which is why I asked.

Reply With Quote
  #4  
Old January 9th, 2013, 02:32 PM
Kravvitz's Avatar
Kravvitz Kravvitz is online now
CSS & JS/DOM Adept
Dev Shed God 30th Plane (19500 - 19999 posts)
 
Join Date: Jul 2004
Location: USA
Posts: 19,894 Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level) 
Time spent in forums: 6 Months 2 Days 20 h 4 m 5 sec
Reputation Power: 4192
If you choose to use jQuery (it's a certain amount of overhead), I recommend these lightbox plugins:

ColorBox
http://www.jacklmoore.com/colorbox

jQuery Tools Overlay
http://jquerytools.org/demos/overlay/
http://jquerytools.org/documentation/overlay/
https://github.com/jquerytools/jquerytools

Facebox
http://jdmweb.com/resources/FaceBox
https://github.com/defunkt/facebox


Yes, web_loone08 that does seem unnecessarily snarky when he clearly asked what the term for it is.
__________________
Spreading knowledge, one newbie at a time. I'm available for hire at Dynamic Site Solutions.

Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

Remember people spend most of their time on other people's sites (so don't violate web design conventions).

Reply With Quote
  #5  
Old January 9th, 2013, 04:15 PM
rtuite rtuite is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2012
Posts: 9 rtuite User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 40 m
Reputation Power: 0
I am tinkering with Colorbox right now. Looks like it will do everything I want it to! Thanks, guys, for all the help!

Reply With Quote
  #6  
Old January 9th, 2013, 05:03 PM
web_loone08's Avatar
web_loone08 web_loone08 is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
 
Join Date: Aug 2008
Posts: 662 web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 1 Week 2 Days 9 h 15 m 9 sec
Reputation Power: 69
@rtuite and @Kravvitz: I was not being "snarky". No one was helping you rtuite, so be glad that I did. I was just sending you to search results. Not feeling much appreciation on this one. Just be happy someone was nice enough to point you in the right direction.

Reply With Quote
  #7  
Old January 9th, 2013, 11:14 PM
Kravvitz's Avatar
Kravvitz Kravvitz is online now
CSS & JS/DOM Adept
Dev Shed God 30th Plane (19500 - 19999 posts)
 
Join Date: Jul 2004
Location: USA
Posts: 19,894 Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level) 
Time spent in forums: 6 Months 2 Days 20 h 4 m 5 sec
Reputation Power: 4192
Quote:
Originally Posted by web_loone08
@rtuite and @Kravvitz: I was not being "snarky". No one was helping you rtuite, so be glad that I did. I was just sending you to search results. Not feeling much appreciation on this one. Just be happy someone was nice enough to point you in the right direction.

All right, you didn't intend to be snarky, however, rtuite perceived it as such and I can see how.

It's a combination of linking to lmgtfy.com and not writing any sentences in your response. So you might want to avoid that in the future.

Reply With Quote
  #8  
Old January 10th, 2013, 01:01 AM
web_loone08's Avatar
web_loone08 web_loone08 is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
 
Join Date: Aug 2008
Posts: 662 web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 1 Week 2 Days 9 h 15 m 9 sec
Reputation Power: 69
I just recently found out about lmgtfy.com and I like it; I think it's a neat little animation; so I probably will still use it in the future . As far as the links I post; it's to help out the OP... without me having to re-invent the wheel, but for all future references... for any OP (that I assist)... using lmgtfy.com to redirect them to Google results or me posting a link; to a tutorial/example/demo... this is not me being "snarky" . On a positive note... that's a new word, that I am adding to my vocabulary (I had to look up it's meaning, on lmgtfy.com... lmbo) .

Reply With Quote
  #9  
Old January 10th, 2013, 12:28 PM
rtuite rtuite is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2012
Posts: 9 rtuite User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 40 m
Reputation Power: 0
Ok, I appologize for getting bent out of shape. But, that tool was originally created by someone who got tired of people asking him stupid questions that are easily answered by searching Google.

It generally implies that you think the asker is stupid and incapable of using Google.

If you didn't intend it this way, I am sorry again for getting irritated. As you clearly didn't deserve it.

Reply With Quote
  #10  
Old January 10th, 2013, 12:32 PM
rtuite rtuite is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2012
Posts: 9 rtuite User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 40 m
Reputation Power: 0
Also, it was your post that got me on the right track, so thanks for your help!

Reply With Quote
  #11  
Old January 10th, 2013, 12:54 PM
web_loone08's Avatar
web_loone08 web_loone08 is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
 
Join Date: Aug 2008
Posts: 662 web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level)web_loone08 User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 1 Week 2 Days 9 h 15 m 9 sec
Reputation Power: 69
Quote:
Originally Posted by rtuite
Ok, I appologize for getting bent out of shape. But, that tool was originally created by someone who got tired of people asking him stupid questions that are easily answered by searching Google.

It generally implies that you think the asker is stupid and incapable of using Google.


I did not mean it that way... my apologies, as well.

Quote:
Originally Posted by rtuite
Also, it was your post that got me on the right track, so thanks for your help!


Your welcome, glad I could help you out.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignJavaScript Development > Text box pop up - Just learning JS

Developer Shed Advertisers and Affiliates



Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.

© 2003-2013 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap