Tom Lauck’s Deseloper.org

A Simple Modal

author:

Updated – Version Available

A Simple Modal – Redux

[See a demo here]

Modal windows seem to be the rage these days and somewhat synonymous with “Web 2.0.” And yes, options exist, whether it be Lightbox, Thickbox, or .NET AJAX — to name a few. Recently, Facebox has emerged as a very promising contender. The aforementioned plugins/widgets have proven their usefulness to many developers during their life course. In fact they one might even go so far as to deem “standard” to the plugin of choice.

Yet, what if a scenario arises where you do not need such full featured capability? After all, most of the plugins out there come with their own CSS along with the JavaScript. This is not to say that CSS wouldn’t be necessary if one were to create a homegrown solution. The fact remains that their is still integration work involved.

Therefore, my aim in this post is to illustrate a simple example of leveraging the jQuery framework to create a simple iFrame modal window. Of course a polished plugin will be more robust, however, robust is at times overkill. It is at that point where simplicity comes into play and thus the forthcoming example.

Defining the Basics

First we create an object in JavaScript to encapsulate some core methods and properties that we could potentially reuse.

var modalWindow = {
	parent:"body",
	windowId:null,
	content:null,
	width:null,
	height:null,
	close:function()
	{
		$(".modal-window").remove();
		$(".modal-overlay").remove();
	},
	open:function()
	{
		var modal = "";
		modal += "<div class=\"modal-overlay\"></div>";
		modal += "<div id=\"" + this.windowId + "\" class=\"modal-window\" style=\"width:" + this.width + "px; height:" + this.height + "px; margin-top:-" + (this.height / 2) + "px; margin-left:-" + (this.width / 2) + "px;\">";
		modal += this.content;
		modal += "</div>";	

		$(this.parent).append(modal);

		$(".modal-window").append("<a class=\"close-window\"></a>");
		$(".close-window").click(function(){modalWindow.close();});
		$(".modal-overlay").click(function(){modalWindow.close();});
	}
};

Notice that only three CSS classes need to be defined, “.modal-window”, “.modal-overlay”, and “.close-window”. Because of the fact that we are trying to keep things simple, I’ve decided not to check to null’s in required properties (windowId, content, width, height).

Basic Design

Next the three classes from above need to be defined. The “.modal-overlay” class is the layer that covers the current view and serves as a backdrop for the modal window. “.modal-window” is obviously the window itself. In this case, the modal-window class is very generic since we will rely on the styling in the transparent iFrame for design. Lastly, I chose to implement a close graphic which is displayed using the “.close-window” class. Again, this is very basic.

.modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index:101;
}
.modal-window
{
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	z-index:102;
}
.close-window
{
	position:absolute;
	width:32px;
	height:32px;
	right:8px;
	top:8px;
	background:transparent url('/examples/modal-simple/close-button.png') no-repeat scroll right top;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	opacity:.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.close-window:hover
{
	opacity:.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
}

The Grand Opening

Now that we have set some basic styles and defined our core functionality, we can open a new modal window to display our iframe.

var openMyModal = function(source)
{
	modalWindow.windowId = "myModal";
	modalWindow.width = 480;
	modalWindow.height = 405;
	modalWindow.content = "<iframe width='480' height='405' frameborder='0' scrolling='no' allowtransparency='true' src='" + source + "'></iframe>";
	modalWindow.open();
};

Implement

<a href="/example/modal-simple/modal.html" target="_blank" onclick="openMyModal('/example/modal-simple/modal.html'); return false;">Click here to open</a>

Implementation is simple, just make a call to the method created earlier with the source of the modal window.

Beyond Simple ‘Modaling’

As stated at the outset, this post was meant to illustrate a bare bones and simple example of a modal window. If you wanted to extend the functionality for example, it would be quite simple to create more “openMyModal” methods to suit needs. So if Facebox or Thickbox are too much for your application, why not try the simple approach?

Updated – Version Available

A Simple Modal – Redux

149 Responses

date: April 30th, 2008

Demo would be nice.
I’ll give this a shot, thanks

spoken by: Jeremy

date: April 30th, 2008

@jeremy I posted a demo at http://deseloper.org/examples/modal-simple/

Enjoy

spoken by: tom

date: April 30th, 2008

Hi Tom,
First of all congrats for such a nice simple work – infact I am also tired of seeing such heavyweight modal implementations. The only problem is the demo is not working in IE 6.0 – i think the css ‘top:0; right:0; bottom:0; left:0;’ is the problem.

spoken by: Sumanta Ghosh

date: May 1st, 2008

@sumanta Thank you for bringing the ie6 issue to my attention. However, because I hate code bloat, css expressions, and ie6 almost equally, I chose not to include the hack to get everything working in ie6.

To get everything going though, simply add these styles:

* html .modal-overlay
{
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
* html .modal-window
{
	position:absolute;
}

I’ve updated the demo as well.

spoken by: tom

date: August 5th, 2008

Excellent and clean article. Something I don’t see lately.

spoken by: Draco

date: September 10th, 2008

hi,

I have this error $(this.parent).append is not a function.

what can i do?

spoken by: abdala

date: September 16th, 2008

Hi,

The modal script moves the target content outside of the original dom element. This is a issue for me as I am forced to use asp.Net forms.

Using .Net forms there can be only 1 form element on the page. So when the modal content is moved it is moved outside the 1 and only form element, therefore my submits buttons inside the modal don’t work anymore.

I have change the source on line 233 to read
.appendTo(this.dialog.parentNode);

Can you see any issues with this?

Regards,

Mark

spoken by: Mark

date: October 10th, 2008

Hi –
I like this script. My question is, how do I close this window programmatically? I want the user to click on a Continue button, do some work in the background, close the modal window and refresh the parent window. I tried this code:

self.parent.location.reload();
self.close();

Any suggestions?

spoken by: kmitchell

date: October 22nd, 2008

@abdala not sure about that, what version of jQuery are you using? I honestly haven’t looked at this post in some time.

@mark you could also clone your content. there are other advantages to putting the modal content at the end of the dom, depending on what you are doing.

@kmitchell it looks like you are refreshing the location before you are closing the modal window. In the example above, there is a close() method.

spoken by: tom

date: October 31st, 2008

parent.document.location.reload(); it should solve the problem

spoken by: mariusj

date: November 29th, 2008

This is really cool and simple to implement. I’ve tried plenty of jquery modal plugins, but always found them too complex or just too bloated.
This is perfect. thanks!

spoken by: Sand

date: December 23rd, 2008

Great post, this helped me get started on making a custom Modal for one of my projects. I wanted it to be completely controlled with jQuery code so I changed a lot of code.

spoken by: Gorkfu

date: January 7th, 2009

Thanks a lot! That was just what I was looking for.

spoken by: Stjepan

date: January 18th, 2009

Tom, first of all thank you for your article. I had some problems with web based popups and this article solved everything:)
But i have question. At the top-right of the page there is an image that closes the popup. And it is created by close-window css class. Now i want to use a link at the bottom of popup and closes the popup. In your code there is a close function. How can i call that close function from the popup, when user presses my close link?

spoken by: Ararat

date: January 24th, 2009

[...] Download: http://deseloper.org/read/2008/04/a-simple-modal/ [...]

spoken by: Editors Choice» Blog Archive » A Simple Modal

date: January 30th, 2009

Love this post, I have been looking for something like this for a really long time now. Thank you.

I have extended your original code slightly: I have changed the URL and function that opens the modal slightly because I find that it was repeating code which makes it complex to edit. Here is the updated link and function:

Open modal

var openAModal = function(source, width, height)
{
modalWindow.windowId = “mailToAFriend”;
modalWindow.width = width;
modalWindow.height = height;
modalWindow.content = “”;
modalWindow.open();
};

You will notice that I added the width and height of the modal window into the URL and I have also taken out the repeating where you duplicated the width and height manually into the iFrame. I have also removed the need to duplicate the URL in the hyperlink by putting a # in the href=”".

I left the base javascript in place as it seems to work quite nicely.

Thanks again. :)

spoken by: theamoeba

date: January 30th, 2009

woops, sorry i see that there is no code filter on this comment module, that Open modal link is not supposed to be there. it is supposed to show:

<a href=”#” target=”_blank” onclick=”openAModal(‘path/to/modal.html’, 480, 405); return false;”>Open modal</a>

spoken by: theamoeba

date: January 30th, 2009

how to remove the overlay window on submit

spoken by: krishna

date: February 6th, 2009

Nice tutorial there!
Im trying to add some “slide” effects to the box once it shows/hide.
No pregress so far though :(

Any idea on how to do this?

Cheers!

spoken by: LimpMan

date: February 6th, 2009

Those of you who have questions, feel free to contact me offline. Please use either this site’s contact form or an option listed on my personal site.

spoken by: tom

date: February 14th, 2009

Tom – First off, your simple modal script is terrific. Very simple to use and does the job really well. One thing… the modal doesn’t vertically center on IE 6 properly. I created a sample page with lots of “Lorem Ipsum” text so the whole page scrolls. If the onclick button or link is located near the top of the page, the modal is severely cut off. I copied your sample page verbatim… just added lots of text. I’m going to play around with the css a little but I was wondering if you knew of any other quick hacks for this. Thanks.

spoken by: brian

date: February 16th, 2009

Very nice piece of work. One simple thing that I added helps the iframe load fresh every time. Iframes tend to stay on the last frame no matter how many times you prompt for a fresh window, so the follwoing ensures a fresh load each time:

under this line:
var modal = function(source) {
put this:
randnum = Math.random();

Then in the iframe bit, put this:

<iframe id=’”+ randnum +”‘ width=’480′

This will load the iframe with a new, randomly named ID each time, thus forcing the iframe to fully refresh.

Great script, great work!

spoken by: Ric

date: February 17th, 2009

Tom, Great job!! I really like your script and I try to make it work for me.
I encountered once thing when using IE6.0 (same as Brian’s above)).

(1) The modal window does not vertically center on IE 6 (horizontally okay)
(2) Select boxes are shining through the overlay

Do you have some nice IE hack in mind which we could mak use of. Thanks a lot in advance.

spoken by: Markus

date: February 17th, 2009

@markus and @brian Have you implemented the CSS expression I posted in a previous comment specific to IE6?

spoken by: tom

date: February 18th, 2009

@Tom, Thanks for feedback! Yes I included your CSS Expression (your post May 1st, 2008) into the example. However, I am still seeing selection boxes shining through and the window is poping up always at the top of the page.
I also tried to apply the ideas which jquery IE-hack “.bgiframe()” is using but up to now I could not solve the IE6.0 issue.
Thanks a lot for your feedback!
Markus

spoken by: Markus

date: February 18th, 2009

I have created the form using the modal window and when submitted the the form disappears but the window closes how to remove that?

spoken by: krishna

date: February 19th, 2009

Tom, first of all thank you for your article. I had some problems with web based popups and this article solved everything:)
But i have question. At the top-right of the page there is an image that closes the popup. And it is created by close-window css class. Now i want to use a link at the bottom of popup and closes the popup. In your code there is a close function. How can i call that close function from the popup, when user presses my close link?

spoken by: Ararat

date: February 19th, 2009

@markus and @brian Give this a try in your style definition for * html .modal-window

* html .modal-window
{
        position:absolute;
        top:expression(document.documentElement.scrollTop + (document.documentElement.clientHeight / 2) + 'px');
}
spoken by: tom

date: February 19th, 2009

@ararat You could do something like this on the onclick

onclick="self.parent.modalWindow.close(); return false;"
spoken by: tom

date: February 20th, 2009

thanks tom, it worked

spoken by: Ararat

date: March 4th, 2009

Is there a way to display a modal window right before the user leaves the page?

spoken by: Kyle

date: March 12th, 2009

is there a way to add a preloader like on thickbox?

spoken by: junu

date: April 2nd, 2009

Thanks Tom!
This is very cool and nice example but problem is that when you click any where out side of iframe window,window disappears.How can we solve this problem ???

Thanks in advance !

spoken by: Ashish

date: April 6th, 2009

Your tutorial was very helpfull, and well explain.

Thanks, for sharing

spoken by: Hector

date: April 10th, 2009

The close()-function needs a little re-work:
In Opera jQuery’s remove() won’t work well.
Instead of $(“.modal-window”).remove(); use somethink like $(“.modal-window”).fadeOut(“fast”,function(){$(‘.modal-window’).unbind().remove();});

spoken by: Heiko

date: April 21st, 2009

Is that possible to allow resize option for the modal window using ui.resizable js?

please let me know how to do this?

regards
pragan

spoken by: pragan

date: May 19th, 2009

Looking for a Modal Window which can slide when its opend and dosen’t close the modal window when clicked on the gry area.

spoken by: padma

date: May 19th, 2009

[...] em Contato</a> Caso você queira saber mais sobre janelas modais, acesse: A Simple Modal JQuery modal dialog [...]

spoken by: Utilizando o plugin SimpleModal Contact Form (SMCF) | Vinícius de Paula

date: June 8th, 2009

How can i implement this if i want the dialog to opens when the page loads. Not triggered by an anchor like in the example??

Thx.

spoken by: Jmc

date: June 17th, 2009

Thanks for the great article, exactly what I was looking for to use in combination with creating a “hulu” light dimming effect for a video site.

Cheers!

spoken by: Chris Robinson

date: July 10th, 2009

I tried implementing both posts for fixing select menus showing through in IE6, but they are still showing through. Has anyone made this successfully work over select menus in IE6?

spoken by: PerfectWeb

date: July 10th, 2009

@perfectweb you would need to insert a fake iframe over the select box’s in IE6. Ex:

if (document.all && document.getElementById) {
	if (document.compatMode && !window.XMLHttpRequest) {
		modal += '<iframe src="BLOCKED SCRIPT\'&lt ;html>&lt ;/html&gt ;\';" scrolling="no" frameborder="0" class="modal-overlay"></iframe>';
	}
}
spoken by: tom

date: September 9th, 2009

Hi Tom, thanks for the lesson.

I’ve made a little ammendment to squeeze every byte out of the code:

Jquery lets one use multiple selectors, separated by a comma. So i’ve replaced the close event with just…

$(“.close-window,.modal-overlay”).click(function(){
$(“.modal-window,.modal-overlay”).remove();
});

Cheers

spoken by: Drew81

date: September 13th, 2009

Demo does not work in IE 6… to bad.. looking for a allround implemention..

spoken by: martijn

date: September 17th, 2009

@martijn – I have included IE6 hacks in the comments to this post. Please look there.

spoken by: tom

date: September 22nd, 2009

Please click on the Mission part of the image. In IE, the modal window somehow appears behind the JW Player being used on the page to play FLVs. It works like a charm in all other browser. It is still being worked on so you do not see the image to close the window.

Is there any way to make it work in IE? So that the modal window is over the FLV player instead of appearing behind it.

spoken by: Akbar Ehsan

date: September 22nd, 2009

Sorry , here is the link:

http://www.ivytech.edu/acceleratinggreatness/

spoken by: Akbar Ehsan

date: September 23rd, 2009

Great job!

Although, a few notices and improvements:

1) any version of IE crashes on Windows 7 x64 if I click on an overlay-window to close the modal window. It crashes in the close() function on the following line of code:
$(“.modal-overlay”).remove();
It seems that it crashes because remove() function also removes all event handlers for selected entity and at the same time we are executing the code inside Click event handler of that entity.
So, I changed this line to:
setTimeout(function() { $(“.modal-overlay”).remove(); }, 0);
and now it works fine.

2) If you want modal dialog to fade in, you can add the following code after $(this.parent).append(modal); line:

$(“.modal-overlay”).css({opacity: 0}).animate({opacity: 0.75});
$(“.modal-window”).hide().fadeIn();

But there is one problem: the Close button will flash when fading in. Maybe it’s better to remove it or disable fading in for a modal-window.

3) If you see that modal-window is scrolled when you scroll the page in IE (for example if you scroll main page down, modal-window goes up) it means that you forgot to add DOCTYPE for you page, so add it:

4) If you want to add a possibility to close the modal window by pressing escape key, add Keyup event handler for a document object:

$(document).keyup(function(e)
{
if(e.keyCode == 27 && shown)
{
modalWindow.close();
}
});

you can see that I’ve added the “shown” variable to prevent meaningless calls to modalWindow.close() method if modal window is already removed. Initially it’s false, it’s set to true in the open() function and it’s set to false in the close() function.

spoken by: Pavel

date: September 23rd, 2009

Ok, let’s continue :)
5) In opera, if page content is less than the browser window, then, after modal window is closed, part of overlay is left on the bottom of the browser window (where is no content). I think that to see it you need to set color other than white for the overlay. To get rid of this nasty problem, we need to make browser repaint the page. I don’t know another way to do it, but to use this hack:

function runRepaintHack()
{
$(“body”).append(“”);
$(“#helper”).css({height: $(document).height(), width: $(document).width()});
$(“#helper”).remove();
}

#helper {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -10;
}

and we need to call runRepaintHack() in the end of the close() function. As you can understand we create a div which fills the whole browser window and then we remove it. It makes browser to repaint the page.

6) In IE6 the overlay only covers content part of the page, so, again, if content is less than the browser window, part of the browser window stays “uncovered”. Again, I think that to see it you need to set color other than white for the overlay.
If you want to fix it, here is one solution:

if($.browser.msie && $.browser.version < 7)
{
modalOverlay.css({height: $(document).height()})
}

spoken by: Pavel

date: October 16th, 2009

@pavel Thanks for the improvements. I think you encapsulated the purpose in the post – providing a base for readers to build on and adapt to their needs. For instance, is was not my intent to acomodate Opera or IE6, fade ins/outs, escape key, etc but rather let the reader do that – for sometimes those features will add extra weight due to individual needs.

Although, I’m running Win 7 x64 RTM and have found no crashing issues as you have described. Perhaps you have a conflicting browser plugin installed.

spoken by: tom

date: November 23rd, 2009

Hi Tom, thanks a lot. i tried it its fine but I have 1 issue. If I scroll my mouse up or down then in IE6 the modal window is also moving. In mozilla and chrome its fine. I want the same effect in IE6. the Modal window Should not move. It should stick in center of the page like mozilla.

Thanks again Tom

spoken by: abhik

date: November 24th, 2009

[...] Simple Modal Window Example built on jQuery [...]

spoken by: 網站製作學習誌 » [Web] 連結分享

date: December 22nd, 2009

Is there any way to drag the iframe now it’s fixt in the center..

spoken by: Ab

date: January 2nd, 2010

hi tom, is there a way to call parent page javascript function from popup before close event.

spoken by: ararat

date: January 13th, 2010

This is a great script. Simple and elegant. Also I managed to reload the parent page like this :
Thanks

spoken by: UndoCreations

date: June 4th, 2010

Still fighting with

$(this.parent) is null
in modal-window.js row: 20

spoken by: Tomas

date: February 8th, 2011

when i was searching yahoo just for this issue, I feel that its no answer for me , but thanks god , your article save me from this;

spoken by: 包二奶

date: February 26th, 2011

Thanks (again)

spoken by: pio

date: March 22nd, 2011

thank you very much

spoken by: SEO Hyderabad

date: April 23rd, 2011

I tried using the code but it keep’s opening in a new tab, is there anything I could be doing wrong?

spoken by: Nick

date: May 17th, 2011

Great ratiocination. Gr8 hortatory cutting over-much.Many swarms recognition.

spoken by: spis firm

date: June 8th, 2011

[...] Jenna and I were discussing different ways of doing the background fade function for the gallery. We can do it by using PNG file, but also Jenna said that we can also accomplish the effect by using code. She found a few notes on how to do this with code. Please check, we will do the PNG as well. http://deseloper.org/read/2008/04/a-simple-modal/ [...]

spoken by: Gallery Background Fade Fuctions – using code 06/08/2011 | CEG BUGS

date: October 31st, 2011

nice

spoken by: website designing in hyderabad

date: November 14th, 2011

Hello. Thank you for posting this article. That helped me very-much.

spoken by: Theodore Mckeague

date: November 19th, 2011

I just like the helpful information you provide to your articles. I’ll bookmark your weblog and check once more right here frequently. I am fairly certain I will learn lots of new stuff proper here! Best of luck for the next!

spoken by: phentermine qualis

date: December 2nd, 2011

You should take part in the contest for among the finest nail fungus blogs on the web. I will recommend this web site!

spoken by: Reva Finau

date: December 7th, 2011

I do consider all the ideas you’ve presented in your post. They are very convincing and can certainly work. Nonetheless, the posts are too brief for beginners. May you please extend them a bit from next time? Thank you for the post.

spoken by: Jacalyn Tilow

date: December 11th, 2011

Utterly written subject matter, regards for entropy. “The bravest thing you can do when you are not brave is to profess courage and act accordingly.” by Corra Harris.

spoken by: Philip Rohm

date: December 30th, 2011

Needed to create you the little bit of word to help thank you very much once again for those nice thoughts you’ve shared on this website. This has been quite extremely generous of you in giving openly all that numerous people could possibly have sold as an ebook in making some dough for their own end, most importantly given that you might well have done it if you considered necessary. Those tactics also acted to be a great way to comprehend someone else have the same dream the same as my own to learn significantly more pertaining to this issue. I believe there are lots of more enjoyable situations up front for folks who view your website.

spoken by: Janis Michalek

date: February 17th, 2012

Sure thing that was a special mind, really great creations and it was a proper thing to read about that. May be some shares looksstronger yet the entire idea is just so nice. And if I had any opportunity I should like to invest in it important and I think every individual should procede the same.

spoken by: learn more

date: February 20th, 2012

This is very cool and nice example but problem is that when you click any where out side of iframe window,window disappears.How can we solve this problem ???

Thanks in advance..

spoken by: Rak

date: February 21st, 2012

after googling and spending a day i come upwith solution for pop subscription form for all social networks
Please chek this..
http://www.techspark99.com/2012/02/create-modal-subscribe-box-using-jquery.html

spoken by: nagesh

date: March 4th, 2012

It’s going with no proclaiming you happen to be 1 fantastic author. Your pointed out, I believed I’d personally depart you using a quote from your diverse great writer… “Most fools consider they’re simply uninformed.”

spoken by: Jamie Bublitz

date: March 12th, 2012

This works perfectly for me, except for one little issue… In internet explorer, if I use onclick=”parent.$.modal().close();”, it doesn’t just close the modal window, it closes the whole page. Yikes!

spoken by: Jenn

date: April 12th, 2012

I have been exploring for a bit for any high-quality articles or weblog posts on this kind of house . Exploring in Yahoo I at last stumbled upon this web site. Studying this information So i’m satisfied to show that I have an incredibly just right uncanny feeling I came upon just what I needed. I most certainly will make sure to don’t disregard this web site and provides it a look regularly.

spoken by: Property management riverside

date: May 3rd, 2012

I want to refresh my parent window on closing the modal window.Can anybody help.

spoken by: SIm

date: June 8th, 2012

Seriously worthwhile write-up. Spend consideration

spoken by: Jocelyn Pacius

date: June 26th, 2012

wats up bro, great website. Do you know how to make id cards at home?

spoken by: Shirley Footer

date: July 2nd, 2012

Can any one please tell me that why my CLOSE WINDOW(Cross mark) for closing window is not coming in my modal window.

spoken by: kirti

date: July 25th, 2012

I haven¡¦t checked in here for some time because I thought it was getting boring, but the last several posts are good quality so I guess I¡¦ll add you back to my everyday bloglist. You deserve it my friend :)

spoken by: Tamekia Nuss

date: July 26th, 2012

Hi
Can anyone tell me how to get a animation when the dialog window pops up is there any code for this.?

spoken by: Karan

date: July 29th, 2012

Can I just say what a aid to search out somebody who really is aware of what theyre talking about on the internet. You positively know tips on how to bring an issue to light and make it important. More individuals need to learn this and understand this aspect of the story. I cant imagine youre no more common since you undoubtedly have the gift.

spoken by: Johnny Thau

date: July 30th, 2012

Although it’s available these days to any or all, the actual mac studio fix characteristics from the mac Makeup aren’t jeopardized.

spoken by: mac brushes

date: July 31st, 2012

Even though the price was really good, it makes me hesitant to use this charger because I am afraid that it might destroy my laptop in the long run. I would say this is a good charger to use only when no other options are available. If I knew this information when I bought the charger, I wouldn’t have bought it.

spoken by: replacement battery for dell inspiron 6000

date: August 3rd, 2012

EDIT 11/11/11: Discovered by accident that if I close the lid of my laptop, disconnect the charger then reconnect it, when I open the lid the battery is charging. Alternatively, I can Shut Down, disconnect/reconnect adapter, then power on. The one thing, apparently, I don’t want to do is try to plug in the adapter when the computer is wide awake, because I WILL get message that laptop does not recognize adapter and battery will not charge.

spoken by: Cordell Latshaw

date: August 4th, 2012

Stopped working after just two or three weeks. The metal sheathing on the round prong of the plug seems to be loose or damaged. The adaptor was carried in my laptop bag and should have been fine. I don’t have any idea how the plug end could have sustained damage that would have made it stop working. It cost less than $10, so I guess you get what you pay for…

spoken by: hp laptop cpu fan

date: August 15th, 2012

Good model to understand and implement easy way….

spoken by: Freelancer in Hyderabad

date: August 24th, 2012

Very nice, lightwight und simple solution.
Thank you very much!

spoken by: Dominique

date: August 31st, 2012

So simple and it works like a charm! I’m using this script for sure, thanks a lot!!!

spoken by: Diego

date: September 23rd, 2012

Jaya Jaya Shri Chaitanya – Your incredible site has brought pleasure to my heart and soul. Shout the praises of Lord Visnu.

spoken by: Abhicandra Swami

date: October 14th, 2012

Simple and beautiful ..easy to customize
Thanks .. Ashley

spoken by: Ashley Alex

date: November 7th, 2012

I just want to tell you that I am all new to blogs and absolutely savored this web blog. Almost certainly I’m want to bookmark your blog . You surely have outstanding article content. Bless you for sharing your web page.

spoken by: Jospeh Midthun

date: November 12th, 2012

There might be some thing incorrect with your RSS feed. You should have somebody take a look at the web site.

spoken by: Jordan Chroman

date: November 18th, 2012

I have never been so eager to read, if not for your blog I would still end up as a couch potato

spoken by: Stephen Ajose

date: December 11th, 2012

This is the right website for anyone who really wants to understand this topic. You understand so much its almost hard to argue with you (not that I personally would want to…HaHa). You definitely put a new spin on a subject which has been discussed for a long time. Great stuff, just great!|

spoken by: Malorie Prukop

date: December 14th, 2012

I need to include jquery-1.8.3.js cause i use other pluggins, but this version does not seem to be compatible with the component…

spoken by: Sergio

date: December 25th, 2012

Thanks in this content, it’s open my eye with the condition. At the moment simply put i post landing page addres so that you can my associate, please let that they see this internet site far too. Have writing, boyfriend.

spoken by: najlepsze hmb sfd

date: December 26th, 2012

Book marked to start with , examine of a single put up. It has the my best keep track of. If they this indicate? My partner and i aspect you are the ideal bloger i really actually readet across my life. Perhaps there is one method or another to get hold of along with you? All the best!

spoken by: suplena formula

date: December 30th, 2012

I can not actually enable but admire your weblog, your blog is so adorable and good ,

spoken by: Harris Forbes

date: March 7th, 2013

I really love the simplicity of this :) Is there any way to make this modal appear on hover?

spoken by: Sofia

date: June 14th, 2013

Getting error with the
$(“.close-window”).click(function () { modalWindow.close(); })
$(“.modal-overlay”).click(function () { modalWindow.close(); });

indicating
Unhandled exception at line 91, column 17 in http://localhost:19360/mainpage.aspx

0x800a1391 – Microsoft JScript runtime error: ‘$’ is undefined

kindly help

spoken by: Reena

date: March 13th, 2014

Thankfulness to my father who shared with me on the topic
of this web site, this weblog is really amazing.

spoken by: ช่างกุญแจ

date: March 27th, 2014

Its like you learn my thoughts! You seem
to grasp a lot about this, such as you wrote the book in it
or something. I think that you just could do with a few % to
force the message house a little bit, however other than that, this is wonderful blog.
An excellent read. I will definitely be back.\

spoken by: Zapatos Nike Air Max 90

date: April 1st, 2014

Hello

spoken by: Sanchaita

date: April 1st, 2014

Hello,

I tried with the above. I am also able to see the frame, but I cannot see the aspx page that I wanted to see inside the pop up, the control goes to page load but its rendered in the pop up. Am i missing something. Can any one help.

spoken by: Sanchaita

date: April 7th, 2014

The opening of these strategies for the best way to
make money online for free with no scams and rather fast at
that is to use a mini-work web site like Fiverr. Affiliate marketing is an excellent way of making money from home because you are selling products related to
your blog or webpage contents to your visitors. However, this system does require at least
2 hours of time per day to implement, so be prepared to make this time investment if you want
to try Dominating CB 2.

spoken by: how to get money for grad school

date: June 9th, 2014

how to load the modal window on startup page?

spoken by: Ignacio

date: June 10th, 2014

and I found it to be loaded with the modal page must use onload.

before the insert

    
window.onload = openMyModal;

and insert

and modalWindow.content = the action we want and src = image or video to upload to the Modal

openMyModal var = function (source)
{
modalWindow.windowId = “myModal”;
modalWindow.width = 560;
modalWindow.height = 405;
modalWindow.content = ” “;
modalWindow.open ();
};

spoken by: Ignacio

date: June 10th, 2014

and I found it to be loaded with the modal page must use onload.

before the insert

    
window.onload = openMyModal;

and insert

and modalWindow.content = the action we want and src = image or video to upload to the Modal

openMyModal var = function (source)
{
modalWindow.windowId = “myModal”;
modalWindow.width = 560;
modalWindow.height = 405;
modalWindow.content = ” “;
modalWindow.open ();
};

spoken by: nacho

date: June 10th, 2014

and I found it to be loaded with the modal page must use onload.

before the insert

    
window.onload = openMyModal;

and insert

spoken by: igna

date: June 28th, 2014

Yes, The code is very good. but before defining the object for model. Can i have the structure or blueprint of the class. and may i know the method and properties present in the class. this will be more helpful. thanks. in one word. the code was awesome and easily understandable.

spoken by: web designing in hyderabad

date: July 4th, 2014

This post is very informative but it took me a long time to
find it in google. I found it on 11 spot, you should focus
on quality backlinks building, it will help you
to increase traffic. And i know how to help you, just search in google – k2 seo tips
and tricks

spoken by: Terrie

date: July 5th, 2014

[...] http://deseloper.org/read/2008/04/a-simple-modal/ [...]

spoken by: [RESOLVED]how do you make this | ASP Questions & Answers

date: July 7th, 2014

I see a lot of interesting content on your website.
You have to spend a lot of time writing, i know how to save you a lot of work, there is a
tool that creates unique, SEO friendly articles in couple of seconds, just type in google
- laranita’s free content source

spoken by: Orville

date: July 18th, 2014

Hi this is hyderabadfreelance team Glad to see you on our Website.
We building website and we implemented successfully if you are planning to look for a Professional Website Designer From hyderabad, I can fill your Page with creative colors and attractive Designs.

spoken by: shiva

date: July 25th, 2014

We all know that time is important, both in work and
for our personal needs. Boxing equipments play a major role for
a boxer to prepare himself in order to become the champion of the ring’.
Holding the ropes for support when punching or

spoken by: Coralee Gerty

date: August 19th, 2014

I was recommended this web site by my cousin. I’m not sure whether
this post is written by him as nobody else know such
detailed about my problem. You’re wonderful! Thanks!

my webpage :: Our Masters Camp Youtube

spoken by: Our Masters Camp Youtube

date: August 19th, 2014

I believe everything posted made a ton off sense.

However, think about this, suppose you were to write a awesome
post title? I am noot suggesting your information iis not good, butt what if you added something thawt makes peolle want more?
I mean Simple Modal Window Example built on jQuery | Toom Lauck’s Deseloper.org is a little plain. You might look
at Yahoo’s front page and note how they create article headlines to grab viewers to click.
You might add a ideo or a pic or two to geet people excited about everything’ve written. Just my
opinion, it would bring your posts a little bit more interesting.

Review my web-site … levitra

spoken by: levitra

date: August 31st, 2014

I read a lot of interesting content here.
Probably you spend a lot of time writing, i know how to
save you a lot of time, there is an online tool that creates
unique, SEO friendly articles in minutes, just type in google – laranitas free content source

spoken by: Rufus

date: September 10th, 2014

I needed to post you a bit of word to help say thanks a lot as before on the fantastic tips you’ve shared on this website. It has been certainly tremendously generous with you to provide unhampered what exactly a few individuals would’ve advertised as an e book to earn some bucks on their own, specifically considering the fact that you might have done it in case you considered necessary. These guidelines in addition served to become great way to know that other individuals have a similar interest similar to my own to learn good deal more with regards to this matter. I’m certain there are numerous more fun periods in the future for individuals who see your website.

spoken by: bitcoin usb

date: October 5th, 2014

I do not even know how I ended up here, but I thought this post
was great. I don’t know who you are but certainly you’re going to
a famous blogger if you aren’t already ;) Cheers!

spoken by: Hassie

date: October 6th, 2014

My brother suggested I may like this website. He
was once totally right. This publish truly made my
day. You cann’t consider simply how much time I had spent
for this info! Thank you!

Feel free tto surf to my web site: your web host; thelamda.com,

spoken by: thelamda.com

date: January 14th, 2015

http://www.puinruimen.nu

spoken by: money

date: June 15th, 2015

This piece of writing provides clear idea for the new viewers of blogging, that
in fact how to do blogging.

homepage (Bernd)

spoken by: Bernd

date: June 26th, 2015

A lot of monetary institutions are hesitant to offer loans
without the need of possessing some form of collateral — a car or truck, boat, property, etc.

my site unsecured va loans (Selena)

spoken by: Selena

date: September 20th, 2015

http://www.seobuilder.info/

spoken by: seo agencies london

date: September 21st, 2015

Howdy very nice website!! Guy .. Excellent .. Superb .. I will bookmark your website and take the feeds additionally…I’m glad to find a lot of useful information here in the publish, we want work out more strategies on this regard, thank you for sharing.

spoken by: Antoinette Langel

date: September 22nd, 2015

I am constantly looking online for posts that can facilitate me. Thx!

spoken by: willis auto campus

date: September 23rd, 2015

Really nice style and style and exceptional content , absolutely nothing at all else we want : D.

spoken by: Dostava Cveca

date: September 30th, 2015

A lot of thanks for each of your efforts on this web page. Debby take interest in going through investigation and it’s simple to grasp why. Many of us learn all regarding the compelling mode you convey powerful tricks by means of the blog and in addition boost contribution from others on the topic so our favorite simple princess is without a doubt learning a whole lot. Take pleasure in the remaining portion of the year. You are always performing a good job.

spoken by: christmas music

date: October 10th, 2015

for|I appreciate you for} sharing!|

spoken by: Adult Education

date: October 11th, 2015

Admiring the time and effort you put into your internet site and in depth information you offer. It’s excellent to come across a blog every once in a while that isn’t the same out of date rehashed material. Excellent read! I’ve saved your website and I’m including your RSS feeds to my Google account.

spoken by: Porn

date: October 16th, 2015

Howdy everyone in this article, the is many feedback speaking about anything on this page, whats up admin you should delete all the comment!

spoken by: gordon ramsay voyage en thailande

date: October 21st, 2015

Thanks a lot for giving everyone remarkably marvellous chance to read critical reviews from this website. It is usually so terrific and also full of a good time for me and my office acquaintances to visit the blog not less than 3 times in one week to study the latest things you have got. And of course, we’re at all times happy for the remarkable guidelines served by you. Certain 2 areas in this posting are honestly the most suitable we have had.

spoken by: jual helm sepeda anak

date: October 31st, 2015

I??m a weblog crazed person and i also like to read cool blog like yours.??-,*??

spoken by: Filipino Movies

date: November 3rd, 2015

You ought to join in a contest very first with the greatest blogs on the web. I will recommend this internet web site!

spoken by: Solomon Abkemeier

date: November 18th, 2015

I just lately came across your blog and have been reading along. I thought I would leave my initial comment. I do not know what to say except that I’ve liked reading. Good weblog. I will maintain viewing this blog genuinely usually.

spoken by: 16701578

date: December 27th, 2015

I believe this internet site contains very fantastic written content posts.

spoken by: Karon Kolenda

date: January 1st, 2016

Would really like to constantly get updated great blog ! .

spoken by: painter

date: April 7th, 2016

Thanks a lot.

spoken by: Darshan

date: April 17th, 2016

Throughout the awesome design of things you receive an A+ for effort and hard work. Where you confused me was on your facts. As it is said, the devil is in the details… And it couldn’t be more correct in this article. Having said that, permit me reveal to you just what exactly did do the job. The authoring is incredibly powerful which is most likely why I am taking an effort to opine. I do not really make it a regular habit of doing that. Next, while I can notice the jumps in logic you come up with, I am not necessarily sure of just how you appear to connect your details which in turn help to make the conclusion. For now I will subscribe to your issue however wish in the foreseeable future you actually connect your facts better.

spoken by: Taylor Kindle

date: April 23rd, 2016

thanks for sharing

spoken by: demo

date: June 1st, 2016

I like what you guys are up too. Such clever work and reporting! Carry on the excellent works guys I have incorporated you guys to my blogroll. I think it’ll improve the value of my website :) .

spoken by: Lane Nitzschke

date: June 4th, 2016

DreamProxies.com – cheapest elite private proxies with 50% low cost! Elite quality, Limitless proxies, Extremely speed and Least expensive prices – only $0.25 each proxy! Very best exclusive proxies only on DreamProxies.com

spoken by: Elite Proxies

date: August 5th, 2016

Un servicio técnico de reparación de electrodomésticos le ayudará a llevar a cabo un mantenimiento correcto de sus electrodomésticos, lo que le ayudará a ahorrar energía y a que sus electrodomésticos duren más. Los electrodomésticos de mayor consumo global son el televisor y el frigorífico, aunque tienen potencias unitarias inferiores a por ejemplo una plancha una lavadora. AEG, Ariston, Artrom, Aspes, Balay, Bru, Candy, Corbero, Cointra, Crolls, Edesa, Electrolux, Fagor, Fleck, Fujitsu, Hoover, Siemens, Bauknecht, Sauber, Indesit, Ignis, Taurus, Daikin, Teka, LG, Carrier, Samsung, Philco, Kenmore, Lynx, New Pol, Superser, Whirpool, Zanussi.

spoken by: reparacion de un electrodomestico

date: September 8th, 2016

Much obliged for this post, i have found this to a great degree helpful. i want to take in additional info regarding this.

spoken by: DAVISON INSURANCE

date: September 8th, 2016

Thanks for this post, i have discovered this to an incredible degree accommodating. i want to find out additional info concerning this.

spoken by: FENTON MAGIC THE GATHERING SETS

date: October 23rd, 2016

Thhis info іs invaluable. Whеre ϲɑn I
find outt moгe?

Vist my wehlog … berjudi.online

spoken by: berjudi.online

date: November 3rd, 2016

Tuve un combi de la marca Indesit con sistema no frost en todo el aparato (frigorifico y congelador) al final se me terminó estropeando salió muy malo, pero era un regalo…. y cuando fui a comprar uno nuevo elegí Liebherr, por garantia de calidad, y lo elegí solo con nofrost en la parte del congelador, ya que con el otro me habia dado cuenta que las verduras me las resecaba y terminaban arrugandose y ahora con este genial, las verduras me aguantan muchiiisimo.

spoken by: electrodomesticos de bajo historia energetico

Leave a Reply

Apr 25 2008