Re: [css-d] CSS popup windows
This is, I gather, an Accessible way of doing pop-ups that self-close
if one clicks anywhere else on the screen -
a href=yourpage.html
onmouseover=window.open('yourpage.html','popup','width=580,height=400,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=460,top=260');
return falseSubject of your pop up page/a
(alter the dimensions and positioning on the screen to your requirements)
- except if javascript is disabled, and for those you need to include
a Close button
div id=closebutton
a href=index.php title=Clicking on this link will take you back
to the main ISO Journal page, if you don't have JavaScript enabled
onClick=window.close()Close/a
/div
Style your pop-up page and close button as normal with CSS.
Hope this helps
Rachel
At 01:45 25/10/2008, Hayden's Harness Attachment wrote:
If you go to http://www.thepuppyplace.org/page53.html and click on a
link (Alabama for example) popups up a window with text inside. Can
someone suggest a website that I can learn this technique? Or any
other comments? Thank you.
Angus MacKinnon
Infoforce Services
http://www.infoforce-services.com
Faith is the strength by which a shattered world shall emerge into
the light. - Helen Keller
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS popup windows
At 5:45 PM -0700 10/24/08, Hayden's Harness Attachment wrote: If you go to http://www.thepuppyplace.org/page53.html and click on a link (Alabama for example) popups up a window with text inside. Can someone suggest a website that I can learn this technique? Or any other comments? Thank you. Angus MacKinnon It's javascript and not css, thus off-topic for this list. But that you asked, look at the source and that will teach you everything. Please note that clicking on the Alabama will give you the same data as this url: http://www.thepuppyplace.org/ala.html It's just that javascript opens the page as a pop-up instead -- very simple. Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS popup windows
Rachel Mawhood wrote:
This is, I gather, an Accessible way of doing pop-ups that self-close
if one clicks anywhere else on the screen -
a href=yourpage.html
onmouseover=window.open('yourpage.html','popup','width=580,height=400,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=460,top=260');
return falseSubject of your pop up page/a
(alter the dimensions and positioning on the screen to your requirements)
- except if javascript is disabled, and for those you need to include
a Close button
div id=closebutton
a href=index.php title=Clicking on this link will take you back
to the main ISO Journal page, if you don't have JavaScript enabled
onClick=window.close()Close/a
/div
Style your pop-up page and close button as normal with CSS.
Hope this helps
Rachel
At 01:45 25/10/2008, Hayden's Harness Attachment wrote:
If you go to http://www.thepuppyplace.org/page53.html and click on a
link (Alabama for example) popups up a window with text inside. Can
someone suggest a website that I can learn this technique? Or any
other comments? Thank you.
It seems to me that if Javascript is disabled, your popup won't come up
- you're using Javascript to make it come up in the first place ...
--
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS popup windows
It seems to me that if Javascript is disabled, your popup won't come up
- you're using Javascript to make it come up in the first place ...
I know but it will still behave as an ordinary hypertext link and
bring up the pop-up page contents but in a full screen, which seems
to me to be an elegant degradation.
Rachel
At 19:22 25/10/2008, david wrote:
Rachel Mawhood wrote:
This is, I gather, an Accessible way of doing pop-ups that self-close
if one clicks anywhere else on the screen -
a href=yourpage.html
onmouseover=window.open('yourpage.html','popup','width=580,height=400,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=460,top=260');
return falseSubject of your pop up page/a
(alter the dimensions and positioning on the screen to your requirements)
- except if javascript is disabled, and for those you need to include
a Close button
div id=closebutton
a href=index.php title=Clicking on this link will take you back
to the main ISO Journal page, if you don't have JavaScript enabled
onClick=window.close()Close/a
/div
Style your pop-up page and close button as normal with CSS.
Hope this helps
Rachel
At 01:45 25/10/2008, Hayden's Harness Attachment wrote:
If you go to http://www.thepuppyplace.org/page53.html and click on a
link (Alabama for example) popups up a window with text inside. Can
someone suggest a website that I can learn this technique? Or any
other comments? Thank you.
It seems to me that if Javascript is disabled, your popup won't come up
- you're using Javascript to make it come up in the first place ...
--
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS popup windows
If you go to http://www.thepuppyplace.org/page53.html and click on a link (Alabama for example) popups up a window with text inside. Can someone suggest a website that I can learn this technique? Or any other comments? Thank you. Angus MacKinnon Infoforce Services http://www.infoforce-services.com Faith is the strength by which a shattered world shall emerge into the light. - Helen Keller __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS popup windows
Cute dogs on the side of the page. On Fri, Oct 24, 2008 at 8:45 PM, Hayden's Harness Attachment [EMAIL PROTECTED] wrote: If you go to http://www.thepuppyplace.org/page53.html and click on a link (Alabama for example) popups up a window with text inside. Can someone suggest a website that I can learn this technique? Or any other comments? Thank you. Angus MacKinnon Infoforce Services http://www.infoforce-services.com Faith is the strength by which a shattered world shall emerge into the light. - Helen Keller __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS popup windows
If you go to http://www.thepuppyplace.org/page53.html and click on
a link (Alabama for example) popups up a window with text inside.
Can someone suggest a website that I can learn this technique? Or
any other comments? Thank you.
This is better handled through JavaScript than CSS.
That being said, I tend to use Prototype http://www.prototypejs.org in
all my projects making something like this possible (and simple):
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
htmlhead
meta http-equiv=content-type content=text/html; charset=UTF-8
titleSimple New Window/title
script type=text/javascript
src=http://www.google.com/jsapi;/script
script type=text/javascript!--
google.load(prototype,1.6);
// --/script
script type=text/javascript!--
var set_blank_targets = function () {
$$(a[rel='external']).invoke(writeAttribute,target,_blank);
};
Event.observe(document, 'dom:loaded', set_blank_targets);
// --/script
/headbody
a href=ala.html rel=externalAlabama/a
/body/html
Hope it helps.
Bill
--
~~~
Bill Brown, MacNimble.com :: From dot concept to dot com since 1999
WebDevelopedia.com, TheHolierGrail.com, Cyber-Sandbox.com, Anytowne.com
The intuitive mind is a sacred gift and the rational mind is a
faithful servant. We have created a society that honors the servant and
has forgotten the gift. -- Albert Einstein
~~~
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
