View source

==HTML==

[[HTML doctypes]]<br />
[[HTML_links|HTML Links]]<br />
[[CSS_Links|CSS Links]]<br />
[[Javascript_links|Javascript Links]]<br />
[[JQuery_Links|JQuery Links]]<br />


====Open a  link in a new browser window.====
<pre>
Use this for a normal widow:
<a href="http://google.com/" onclick="window.open(this.href, 'popupwindow', ''); return false;">

Use this to configure the window:
<a href="http://google.com/" onclick="window.open(this.href, 'popupwindow', 'width=400,height=300,scrollbars,resizable'); return false;">
</pre>

FireFox web debugging plugins http://timtux.net/18-turning-firefox-into-a-wa-assault-kit 


CodeProject: A simple HTML homepage using CS and javascript    http://www.codeproject.com/KB/HTML/HTMLhomepage.aspx


Lightbox 2   http://www.lokeshdhakar.com/projects/lightbox2/


[[Form_Layout_Aligned_CSS|Form Layout Aligned With CSS]]

http://jsbin.com<br />
http://jsfiddle.net<br />
http://www.jqueryrain.com/<br />
https://github.com/akzhan/jwysiwyg<br />

Google Closure tutorial 
*http://code.google.com/closure/library/docs/gettingstarted.html
*http://code.google.com/closure/library/docs/tutorial.html
*http://www.bdoran.co.uk/2011/11/28/introduction-to-googles-closure-tools/


http://whoomph.net/contentEditable/mini1.html<br />
execCommand commands:<br />
* Mozilla - http://developer.mozilla.org/en/docs/Midas<br />
* Explorer - http://msdn.microsoft.com/en-us/library/ms533049%28VS.85%29.aspx
<br />
====Align left and right on a single line====
The following is a crude example of what can be done. But it obviously won't
work right at narrow viewport widths, because the bits of text overlap. You
need to work out what you want to happen under various circumstances, because
that will tell you which of many options to use.<br />

HTML:<br />

<pre>
<div class="line">
<span class="left">Left hand text</span><span class="centre"> Centre text
</span><span class="right">Right hand text </span>
</div>
</pre>

CSS:<br />

<pre>
span.left {
position: absolute;
left: 0;
}
span.right {
position: absolute;
right: 0;
}
div.line {
position: relative;
text-align: center;
width: 100%;
}
</pre>

----
Back to [[Main_Page|Main Page]]<br />