Re: [WSG] DIV Target
Samuel Richardson wrote: If you want to load entire web pages embedded into the current page you will have to use the iframe, if just want to change simple text/html within a div then you will have to use the innerhtml property (or use this method that came up on delicious this morning: http://slayeroffice.com/articles/innerHTML_alternatives/) I agree that this would be better done using DOM scripting as a more standards-based approach, like it says in that article. I'm new to DOM scripting myself, but found this book by Jeremy Keith to be excellent; DOM Scripting http://www.domscripting.com/book/ It's suitable for those with very little scripting experience as well as those with intermediate or better JavaScript skills - I skipped the first 60 pages and then found the content and pacing to be exactly what I needed to understand DOM-based alternatives to things like innerHTML and old-fashioned image swapping techniques. I think it would be a great addition to the shelf for those that want a good introduction to the area, considering degradable code and accessibility at every stage; the book is well written and very easy to follow. What it's not is a recipe book of flashy effects. Going back to the original request, my concern would be about how accessible the solution would be without JavaScript; you'd need to ensure that the content was either supplemental to the main purpose of the page, or that the page degraded well so that the content was still available without JavaScript. Hope this helps Cheers Ian -- _ zStudio - Web development and accessibility http://zStudio.co.uk Snippetz.net - Online code library File, manage and re-use your code snippets links http://snippetz.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] DIV Target
Thanks for your help everyone... I guess what I am trying to do is replicate the whole iframes thing using div tags - where I have various content load within a certain section of my page an, if I'm making any sense. (I'm also trying to convince a friend to do table-less designs, and that is one point I need to show him... but wasn't sure how to do it). If that doesn't make much sense I apologize.. my head is all over the place right now which is not a good thing. Thanks again. - Original Message - From: Christian Montoya To: wsg@webstandardsgroup.org Sent: Sunday, February 05, 2006 6:55 PM Subject: Re: [WSG] DIV Target No, Kerry wanted something _javascript_ related, like what Samuel mentioned.There are a couple options. One is you could load content that'shidden, but is still on the page. The other is getting content fromthe server when it's requested. The second is harder than the first.What exactly are you trying to do? A more specific idea will helplisters point you to an exact solution.Christian Montoyachristianmontoya.com ... rdpdesign.com ... cssliquid.com**The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help**
Re: [WSG] DIV Target
It sounds like you want an iframe (like a browser window) embedded in the page that then has its location controlled by external links/buttons/whatever. In that case a href=iframecontentpage.htm target=iframeLink/a Where target is the id attribute of the iframe that you created earlier in the page and href is the page you want it to load. Samuel blqberi wrote: Thanks for your help everyone... I guess what I am trying to do is replicate the whole iframes thing using div tags - where I have various content load within a certain section of my page an, if I'm making any sense. (I'm also trying to convince a friend to do table-less designs, and that is one point I need to show him... but wasn't sure how to do it). If that doesn't make much sense I apologize.. my head is all over the place right now which is not a good thing. Thanks again. - Original Message - *From:* Christian Montoya mailto:[EMAIL PROTECTED] *To:* wsg@webstandardsgroup.org mailto:wsg@webstandardsgroup.org *Sent:* Sunday, February 05, 2006 6:55 PM *Subject:* Re: [WSG] DIV Target No, Kerry wanted something Javascript related, like what Samuel mentioned. There are a couple options. One is you could load content that's hidden, but is still on the page. The other is getting content from the server when it's requested. The second is harder than the first. What exactly are you trying to do? A more specific idea will help listers point you to an exact solution. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] DIV Target
I'll just add a bit more to this: If you want to load entire web pages embedded into the current page you will have to use the iframe, if just want to change simple text/html within a div then you will have to use the innerhtml property (or use this method that came up on delicious this morning: http://slayeroffice.com/articles/innerHTML_alternatives/) Samuel Richardson wrote: It sounds like you want an iframe (like a browser window) embedded in the page that then has its location controlled by external links/buttons/whatever. In that case a href=iframecontentpage.htm target=iframeLink/a Where target is the id attribute of the iframe that you created earlier in the page and href is the page you want it to load. Samuel blqberi wrote: Thanks for your help everyone... I guess what I am trying to do is replicate the whole iframes thing using div tags - where I have various content load within a certain section of my page an, if I'm making any sense. (I'm also trying to convince a friend to do table-less designs, and that is one point I need to show him... but wasn't sure how to do it). If that doesn't make much sense I apologize.. my head is all over the place right now which is not a good thing. Thanks again. - Original Message - *From:* Christian Montoya mailto:[EMAIL PROTECTED] *To:* wsg@webstandardsgroup.org mailto:wsg@webstandardsgroup.org *Sent:* Sunday, February 05, 2006 6:55 PM *Subject:* Re: [WSG] DIV Target No, Kerry wanted something Javascript related, like what Samuel mentioned. There are a couple options. One is you could load content that's hidden, but is still on the page. The other is getting content from the server when it's requested. The second is harder than the first. What exactly are you trying to do? A more specific idea will help listers point you to an exact solution. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] DIV Target
cool... thank you Samuel. Will check it out. - Original Message - From: Samuel Richardson To: wsg@webstandardsgroup.org Sent: Monday, February 06, 2006 9:55 PM Subject: Re: [WSG] DIV Target I'll just add a bit more to this:If you want to load entire web pages embedded into the current page you will have to use the iframe, if just want to change simple text/html within a div then you will have to use the innerhtml property (or use this method that came up on delicious this morning: http://slayeroffice.com/articles/innerHTML_alternatives/)Samuel Richardson wrote: It sounds like you want an iframe (like a browser window) embedded in the page that then has its location controlled by external links/buttons/whatever. In that case a href="" target="iframe"Link/a Where target is the id attribute of the iframe that you created earlier in the page and href is the page you want it to load. Samuel blqberi wrote: Thanks for your help everyone... I guess what I am trying to do is replicate the whole iframes thing using div tags - where I have various content load within a certain section of my page an, if I'm making any sense. (I'm also trying to convince a friend to do table-less designs, and that is one point I need to show him... but wasn't sure how to do it). If that doesn't make much sense I apologize.. my head is all over the place right now which is not a good thing. Thanks again. - Original Message - *From:* Christian Montoya mailto:[EMAIL PROTECTED] *To:* wsg@webstandardsgroup.org mailto:wsg@webstandardsgroup.org *Sent:* Sunday, February 05, 2006 6:55 PM *Subject:* Re: [WSG] DIV Target No, Kerry wanted something _javascript_ related, like what Samuel mentioned. There are a couple options. One is you could load content that's hidden, but is still on the page. The other is getting content from the server when it's requested. The second is harder than the first. What exactly are you trying to do? A more specific idea will help listers point you to an exact solution. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help**
Re: [WSG] DIV Target
blqberi wrote: Is it possible for me to target a div tag? Say I click on a link and I only want specific info. to load within a certain div tag is that possible? How would I go about doing this? Any help offered in the matter will be greatly appreciated. Yes, you can do that with almost any element. Just add an id attribute. div id=foo.../div Then reference it with the fragment identifer like this. a href=#foofoo/a -- Lachlan Hunt http://lachy.id.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] DIV Target
No, Kerry wanted something Javascript related, like what Samuel mentioned. There are a couple options. One is you could load content that's hidden, but is still on the page. The other is getting content from the server when it's requested. The second is harder than the first. What exactly are you trying to do? A more specific idea will help listers point you to an exact solution. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
