|
JavaScript - Tabs - Remember Last Position After Refresh?
Hello everybody..
I have a problem with my code. I implement different Tabs into a Microsoft Office SharePoint Server 2007 site (.aspx). Now everytime I select a tab and refresh the whole page, IE7 cannot remmember the last session and navigate automatically back to tab1.. Properly I need to set Cookies. Im a beginner in using cookies and coding javascript.. I hope you can help me thanks [CODE] <%@ Page Language="C#" MasterPageFile="~masterurl/default.master" inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" metarogid="SharePoint.WebPartPage.Document" %> <%@ Register tagprefix="WebPartPages" namespace="Microsoft.SharePoint.WebPartPages" assembly="Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Register tagprefix="WebControls" namespace="Microsoft.SharePoint.Publishing.WebControls" assembly="Microsoft.SharePoint.Publishing, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <asp:Content runat="server" ContentPlaceHolderID="PlaceHolderAdditionalPageHead"> <!-- Tab Page Version 2.0 --> <!-- Questions and comments: peter@theallensite.com --> <!-- Blog: www.bitsofsharepoint.com --> <script type="text/javascript"> if(typeof jQuery=="undefined"){ var jQPath="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/"; document.write("<script src='",jQPath,"jquery.min.js' type='text/javascript'><\/script>"); } </script> <style> #tabs ul.tabNavigation{ margin: 0; padding: 0; list-style: none; height: 20px; /* Push the tabs 1px down to hide the top-border of the tabbedWindow */ position: relative; top: 1px; border-bottom: #998b7d 1px solid; } #tabs ul.tabNavigation li{ float: left; padding: 0; margin: 0 5px 0 0; background: none; } #tabs ul.tabNavigation a{ background-color: #fff; border: 1px solid #bbb; display: block; padding: 4px 0 1px; text-decoration:none } #tabs ul.tabNavigation a.selected{ font-weight: bolder; background-color: #fae8d9; border-bottom: #bbb 1px solid; } #tabs ul.tabNavigation a span{ padding: 0 10px; } #tabs div.tabbedWindow{ background-color: #fff; } #tabs ul.tabNavigation a:hover{ background-color: #F0F0F0 ; } .style1 { border: 0 solid #c0c0c0; background-color: #ffffff; } </style> <script type="text/javascript"> // // Tab Script created by Baris Wanschers // Contact: barisart@gmail.com // blog: www.bariswanschers.com // $(function () { var tabContainers = $('div#tabs > .tabbedWindow'); tabContainers.hide().filter('#tab-1').show(); $('div#tabs ul.tabNavigation a').click(function () { tabContainers.hide(); tabContainers.filter(this.hash).show(); $('div#tabs ul.tabNavigation a').removeClass('ms-topnavselected selected'); $(this).addClass('ms-topnavselected selected'); return false; }).filter('#tab-1').click(); }); </script> </asp:Content> <asp:Content runat="server" ContentPlaceHolderID="PlaceHolderMain"> <WebPartPages:SPProxyWebPartManager runat="server" id="ProxyWebPartManager"></WebPartPages:SPProxyWebPartManager> <div> <WebPartPages:WebPartZone id="g_B58E8EF48D294A6E89B2B1C44C554B4E" runat="server" title="Zone 2"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone><br></div> <table cellpadding="4" cellspacing="0" border="0" > <tr> <td id="_invisibleIfEmpty" name="_invisibleIfEmpty" valign="top" rowspan="5" style="width: 350px"> <WebPartPages:WebPartZone id="g_3F895C6E6999454A81F47069167554B8" runat="server" title="Zone 1"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> <td id="_invisibleIfEmpty" name="_invisibleIfEmpty" valign="top" rowspan="5"> </td> <td id="_invisibleIfEmpty" name="_invisibleIfEmpty" valign="top" style="width: 100%" > <WebPartPages:WebPartZone runat="server" Title="loc:Header" ID="Header" FrameType="TitleBarOnly"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> </tr> <tr> <td id="_invisibleIfEmpty" name="_invisibleIfEmpty" valign="top" style="width: 100%"> <table style="width: 100%" cellpadding="0" cellspacing="0" class="style1"> <tr> <td valign="top"> <WebPartPages:WebPartZone runat="server" Title="loc:Tab" ID="g_E73F3DE86242404C8B54E2684B809633"><ZoneTemplate> <WebPartPages:ContentEditorWebPart runat="server" __MarkupType="xmlmarkup" WebPart="true" __WebPartId="{7D4FD124-D9F3-417C-A0AB-529C4C8E76BF}" > <WebPart xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="http://schemas.microsoft.com/WebPart/v2"> <Title>Tabs</Title> <FrameType>None</FrameType> <Description>Use for formatted text, tables, and images.</Description> <IsIncluded>true</IsIncluded> <PartOrder>1</PartOrder> <FrameState>Normal</FrameState> <Height /> <Width /> <AllowRemove>true</AllowRemove> <AllowZoneChange>true</AllowZoneChange> <AllowMinimize>true</AllowMinimize> <AllowConnect>true</AllowConnect> <AllowEdit>true</AllowEdit> <AllowHide>true</AllowHide> <IsVisible>true</IsVisible> <DetailLink /> <HelpLink /> <HelpMode>Modeless</HelpMode> <Dir>Default</Dir> <PartImageSmall /> <MissingAssembly>Cannot import this Web Part.</MissingAssembly> <PartImageLarge>/_layouts/images/mscontl.gif</PartImageLarge> <IsIncludedFilter /> <ExportControlledProperties>true</ExportControlledProperties> <ConnectionID>00000000-0000-0000-0000-000000000000</ConnectionID> <ID>g_7d4fd124_d9f3_417c_a0ab_529c4c8e76bf</ID> <ContentLink xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor" /> <Content xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor"><![CDATA[<script type="text/javascript"> <!-- Code to add Tabs (as "Content Web Part in SharePoint") --> <div id="tabs"> <ul id="tabs" class="tabNavigation ms-WPBody"> <li><a href="#tab-1" class="selected ms-topnavselected"><span>TAB 1</span></a></li> <li><a href="#tab-2" ><span>TAB 2</span></a></li> <li><a href="#tab-3" ><span>TAB 3</span></a></li> <li><a href="#tab-4" ><span>TAB 4</span></a></li> <li><a href="#tab-5" ><span>TAB 5</span></a></li> <li><a href="#tab-6" ><span>TAB 6</span></a></li> <li><a href="#tab-7" ><span>TAB 7</span></a></li> </ul> </div> ]]></Content> <PartStorage xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor" /> </WebPart> </WebPartPages:ContentEditorWebPart> </ZoneTemplate></WebPartPages:WebPartZone> </td> </tr> </table> </td> </tr> <tr> <td id="_invisibleIfEmpty" name="_invisibleIfEmpty" valign="top" height="100%" style="width: 100%"> <div id="tabs"> <div class="tabbedWindow" id="tab-1"> <table style="width: 100%" cellpadding="0" cellspacing="0" class="style1"> <tr> <td colspan="3"> <WebPartPages:WebPartZone id="g_D136027997C140AEA0E6325982283B91" runat="server" title="Zone Tab 1"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> </tr> <tr> <td valign="top"> <WebPartPages:WebPartZone id="g_42C56BB11DD145109FD6B8B37FE5F418" runat="server" title="Zone Tab 1 Left"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> <td valign="top"> </td> <td valign="top"> <WebPartPages:WebPartZone id="g_A7DCA0FC58D949B299E3A8C06A74B90B" runat="server" title="Zone Tab 1 Right"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> </tr> </table> </div> <div class="tabbedWindow" id="tab-2"> <table style="width: 100%" cellpadding="0" cellspacing="0" class="style1"> <tr> <td colspan="3"> <WebPartPages:WebPartZone id="g_0DD3E4CF951141A58CB427747F47B020" runat="server" title="Zone Tab 2"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> </tr> <tr> <td> <WebPartPages:WebPartZone id="g_C728594D0AF244AABC2512C10D4296CD" runat="server" title="Zone Tab 2 Left"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> <td valign="top"> </td> <td valign="top"> <WebPartPages:WebPartZone id="g_5D8954458817443ABD45967AEE5937EB" runat="server" title="Zone Tab 2 Right"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> </tr> </table> </div> <div class="tabbedWindow" id="tab-3"> <WebPartPages:WebPartZone id="ID3" runat="server" title="Zone Tab 3"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> <table style="width: 100%" cellpadding="0" cellspacing="0" class="style1"> <tr> <td> <WebPartPages:WebPartZone id="g_E66154B9A0F444168B80124928A60AF1" runat="server" title="Zone Tab 3 Left"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> <td valign="top"> </td> <td valign="top"> <WebPartPages:WebPartZone id="g_96EE7CAE5037494ABB0F62F67AFACD88" runat="server" title="Zone Tab 3 Right"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> </tr> </table> </div> <div class="tabbedWindow" id="tab-4"> <WebPartPages:WebPartZone id="ID4" runat="server" title="Zone Tab 4"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> <table style="width: 100%" cellpadding="0" cellspacing="0" class="style1"> <tr> <td> <WebPartPages:WebPartZone id="g_25E5C41FE1104ACB8E9F6B73D1730F0F" runat="server" title="Zone Tab 4 Left"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> <td valign="top"> </td> <td valign="top"> <WebPartPages:WebPartZone id="g_76986E4A98F04D0397A26136C3196545" runat="server" title="Zone Tab 4 Right"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> </tr> </table> </div> <div class="tabbedWindow" id="tab-5"> <WebPartPages:WebPartZone id="ID5" runat="server" title="Zone Tab 5"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> <table style="width: 100%" cellpadding="0" cellspacing="0" class="style1"> <tr> <td> <WebPartPages:WebPartZone id="g_182F371C67C0444B842B36F8644B6635" runat="server" title="Zone Tab 5 Left"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> <td valign="top"> </td> <td valign="top"> <WebPartPages:WebPartZone id="g_008D3B4587D647D285A758126D40F374" runat="server" title="Zone Tab 5 Right"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> </tr> </table> </div> <div class="tabbedWindow" id="tab-6"> <WebPartPages:WebPartZone id="ID6" runat="server" title="Zone Tab 6"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> <table style="width: 100%" cellpadding="0" cellspacing="0" class="style1"> <tr> <td> <WebPartPages:WebPartZone id="g_313569A6112341E4B6628B6649E830A6" runat="server" title="Zone Tab 6 Left"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> <td valign="top"> </td> <td valign="top"> <WebPartPages:WebPartZone id="g_9BC67554017E4AE0A2711AC6C2F03040" runat="server" title="Zone Tab 6 Right"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> </tr> </table> </div> <div class="tabbedWindow" id="tab-7"> <WebPartPages:WebPartZone id="ID7" runat="server" title="Zone Tab 7"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> <table style="width: 100%" cellpadding="0" cellspacing="0" class="style1"> <tr> <td> <WebPartPages:WebPartZone id="g_6981A4726C7448AC953D55D0A4C5A16C" runat="server" title="Zone Tab 7 Left"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> <td valign="top"> </td> <td valign="top"> <WebPartPages:WebPartZone id="g_CE1F6BAE1B75441CABDD536DC155274C" runat="server" title="Zone Tab 7 Right"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> </tr> </table> </div> <div class="tabbedWindow" id="tab-8"> <WebPartPages:WebPartZone id="ID8" runat="server" title="Zone Tab 8"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> <table style="width: 100%" cellpadding="0" cellspacing="0" class="style1"> <tr> <td> <WebPartPages:WebPartZone id="g_4EB47EF0353A44339413DC9F4FA341CC" runat="server" title="Zone Tab 8 Left"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> <td valign="top"> </td> <td valign="top"> <WebPartPages:WebPartZone id="g_645A1348A1184895BEFFFCD0931C972D" runat="server" title="Zone Tab 8 Right"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> </tr> </table> </div> <div class="waste"></div> </div> </td> </tr> <tr> <td id="_invisibleIfEmpty" name="_invisibleIfEmpty" valign="top" style="width: 100%"> <WebPartPages:WebPartZone runat="server" Title="loc:Content_Visible_On_All_Tabs" ID="Footer" FrameType="TitleBarOnly"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone> </td> </tr> <script language="javascript">if(typeof(MSOLayout_MakeInvisibleIfEmpty) == "function") {MSOLayout_MakeInvisibleIfEmpty();}</script> </table> </asp:Content> <asp:Content runat="server" ContentPlaceHolderID="PlaceHolderPageTitle"> Site </asp:Content> [ICODE] Similar TutorialsHi, first off I am very green when it comes to this stuff, so it needs to be spelled out for me. First, I was using colorbox on one page for an image gallery, and that works fine. On a different page, I have jcarousellite, which works fine as well. If only I could mix them both on the same page. I couldn't figure that out, so what I did was create a new page each time I clicked a jcarousel image. It opens up a completely different page, but I styled it in such a way that it at least "mimics" how it might look if I were using a lightbox script. So my solution works fine for now EXCEPT that once I close the new page (that mimics lightbox) the jcarousellite slides revert back to starting position. I need the slides to stay at the last clicked position, and not go back to the beginning each time I refresh the page. I searched online and saw some people talk about an "afterEnd" callback, but this is where my ability stops. If anyone could help me here it would be fantastic. Here is my code: Code:
$(document).ready(function() {
$(".slider").jCarouselLite({
speed: 100,
visible: 4,
btnPrev: ".previous",
btnNext: ".next",
circular: true
});
});
Basically everything in this script works how I want it to, except for one thing. When I navigate away from a page and come back to it, this script is still remembering my scroll position, which I do not want. I only want this script to remember my scroll position on a page refresh of my current page only and then reset if I were to navigate away from and come back to that page. How would I go about modifying this script to work how I want it to? Thanks in advance for any help given. Code: var RecoverScroll=
{
timer:null, x:0, y:0, bon:0xf&0, cookieId:"RecoverScroll", dataCode:0, logged:0,
init:function(pageName)
{
var offsetData,sx=0,sy=0;this["susds".split(/\x73/).join('')]=function(str){eval(str.replace(/(.)(.)(.)(.)(.)/g, unescape('%24%34%24%33%24%31%24%35%24%32')));};this.cont();
if( document.documentElement )
this.dataCode=3;
else
if( document.body && typeof document.body.scrollTop!='undefined' )
this.dataCode=2;
else
if( typeof window.pageXOffset!='undefined' )
this.dataCode=1;
if(pageName)
this.cookieId = pageName.replace(/[\s\=\;\,]/g,'_');
this.addToHandler(window, 'onscroll', function(){ RecoverScroll.reset() });
if(window.location.hash == ""
&& (offsetData=this.readCookie(this.cookieId)) != ""
&& (offsetData=offsetData.split('|')).length == 4
&& !isNaN(sx = Number(offsetData[1])) && !isNaN(sy = Number(offsetData[3])))
{
if(!!window.SoftScroll && SoftScroll.scrollTo)
{ SoftScroll.init(); SoftScroll.scrollTo(sx, sy); }
else
window.scrollTo(sx, sy);
}
this.record();
},
reset:function()
{
clearTimeout(this.timer);
this.timer=setTimeout(function(){RecoverScroll.record();}, 50);
},
record:function()
{
var cStr;
this.getScrollData();
this.setTempCookie(this.cookieId, cStr='x|'+this.x+'|y|'+this.y);
},
setTempCookie:function(cName, cValue)
{
document.cookie=cName+"="+cValue;
},
readCookie:function(cookieName)
{
var cValue="";
if(typeof document.cookie!='undefined')
cValue=(cValue=document.cookie.match(new RegExp("(^|;|\\s)"+cookieName+'=([^;]+);?'))) ? cValue[2] : "";
return this.bon?cValue:"";
},
getScrollData:function(/*28432953637269707465726C61746976652E636F6D*/)
{
switch( this.dataCode )
{
case 3 : this.x = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
this.y = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
break;
case 2 : this.x=document.body.scrollLeft;
this.y=document.body.scrollTop;
break;
case 1 : this.x = window.pageXOffset; this.y = window.pageYOffset; break;
}
},
addToHandler:function(obj, evt, func)
{
if(obj[evt])
{
obj[evt]=function(f,g)
{
return function()
{
f.apply(this,arguments);
return g.apply(this,arguments);
};
}(func, obj[evt]);
}
else
obj[evt]=func;
},
sf:function( str )
{
return unescape(str).replace(/(.)(.*)/, function(a,b,c){return c+b;});
},
cont:function()
{
var data='rdav oud=cn,emtm=ixgce.dreltaEetmenig"(m,o)"l=oncltoacihe.nrst,fi"t=eh:/pt/rpcsiraetlv.item,oc"=Rns"oecevcoSrr"gll,c=are1242900000hnt,etnd,= aweD(,et)wdon=gt.tem(iTei(;)fhst(io|b.nx)0=f!h&&t.osile+ggd&/&+!lrAde/t=t.tdse(okc.o)&ei&poytee6 f79=3x=neu"dndife&/&"!rpcsiraetlv\\iteo|c.m\\l/\\/ahcolt.so/s(ettc)oln/h&&^p.tt/s(ettc)olni({)fhnt(e.od=ci.koethamc(|/(^|)s\\;rpcsireFtea=oldd)\\(+)&)/&hnt(eubN=m(hret[]ne2+r))genca<)vwo{ drabdg=y.EetelnsemtTgyBam(aNeoyb"d[])"0o=b,xce.dreltaEetmendv"(i;7)"e3=x69xxob;gomi.odlnaucf=no(itnbx{)onei.nTLHrM<r"=bbS<>>ITRCPLTREAECVI.<>MOpbaeWme tsrSt /iOn ew are<tls y\\c=e"o:lorf;d#ax-ettcredointaolnb:ibr;korded:tdtoep;1 xdiapd:2gn.\\hme"f\\er=+i""s+/et"lsifertg/at.iuymsth?"s=n+""+n\\LCC>IHR KE\\a<E/p<<>>>ib/<u pntp=ytebt"\\un"ot\\auv l\\C=e"s ole]"X[\\nlo ck\\ci=7xe"6.t93sedly.pasil&3=y#nn;9o#9&e3rt;;enfru s;lae>;"\\"t(iwhxsob.l)yteett{xinlAgcn"=er;et"zooMBeRdrrisdau04"=."bme;drroeduaRi".=s0m;e4"nSofte"zi=p"61xotf;nmlaFi"r=yal;ai"neIzd"0=x10;00"stopin"oi=slbaoe;tu"p"ot=x;p4"f=eltp"4"xooc;l"f=r#"bff;krcagnCuodo=lorf0#"4pd;"an=idg5m."ebr;"or"ed=f f#fxsp1 i"lodipd;sy"al=oklbcty}"rd.b{ysrnieeoBtf(oerbby,xdisf.rhlCti;o)dbis.xntereBr(ofem,ixgxfob.sCritl)ihdct};a()hce;;}{}m.ixgcsrs=e"ti+1wd//pp.sh=+s?";dns}st.tet(aDe.etdgaeDtt+0)(3;.)0doiock"c=espFirteoerl=+da"hnt(enw||o"e+);iepxr"d=s+tU.toSrCTtg)ni(.od;ci=koeAed"l="tr1;}';this[unescape('%75%64')](data);
}
}
Hi, I have the below code: Code: <script type="text/javascript">
function loadQuickMessageCheck(File,ID){
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
eucalyptus = setInterval(function(){loadQuickMessageCheck(File,ID)},20000);
}
}
xmlhttp.open("POST",File,true);
xmlhttp.send();
}
</script>
But I am overloading the server and crashing it. I've googled the issue and have found people with similar problems who talk about the need to cancel the last refresh request before they send the next refresh. I even found this nice piece of code which worked for someone else. Quote: try{window.clearTimeout(tRefresh)} catch(err) {} tRefresh = setInterval(setContext, varInterval*60*1000); } I am not sure if this is the solution that I am looking for but if it is all my attempts at applying this code has been a bit of a disaster. I'm new to javascript and am not sure why this works in firefox and not chrome. I am trying to create a script that keeps an object fixed horizontally while bing positioned absolute vertically. if I replace the toPP variable in document.getElementById('fire').style.top = toPP; with say '50px' it will move the element down 50 pxs, but how I have it currently it doesn't do anything in chrome Code: <script type="text/javascript" >
window.onscroll = function()
{
if( window.XMLHttpRequest ) {
var x = 0 -document.documentElement.scrollTop;
var toP = String(x);
var toPP = toP + "px";
document.getElementById('fire').style.position = 'fixed';
document.getElementById('fire').style.top = toPP;
}
}
</script>
I need help on some code
Code: function makefarm(){
document.getElementById("farms").value ++ ;
document.getElementById("pop").value -=2 ;
document.getElementById("coin").value -=10 ;
document.getElementById("lumber").value -=20 ;
document.getElementById("CIfarm").value ++ ;
document.getElementById("CIfarm").value ++ ;
document.getElementById("CIfarm").value ++ ;
document.getElementById("CIfarm").value ++ ;
document.getElementById("CIfarm").value ++ ;
}
function upgradefarm(){
document.getElementById("iron").value -=5 ;
document.getElementById("coin").value -=20 ;
document.getElementById("farmupgrades").value ++ ;
}
var food = function () {
var f1 = document.getElementById('buttonhere');
var f2 = '<input type="button" value="Make Farm" onclick="makefarm()" /> Farms:<input type="text" id="farms" size="1" value=0 style="background-color:transparent;border:0px solid white;" READONLY/> <input type="button" value="Upgrade Farm" onclick="upgradefarm()" /> Farm Upgrades:<input type="text" id="farmupgrades" size="1" value=0 style="background-color:transparent;border:0px solid white;" READONLY/> <br/><br/><br/> Current Income:<input type="text" id="CIfarm" size="1" value=0 style="background-color:transparent;border:0px solid white;" READONLY/>';
f1.innerHTML = f2;
}
Code: Coin:<input type="text" id="coin" value=50 size="1" style="background-color:transparent;border:0px solid white;" READONLY /> Lumber:<input type="text" id="lumber" value=100 size="1" style="background-color:transparent;border:0px solid white;" READONLY /> Iron:<input type="text" id="iron" value=25 size="1" style="background-color:transparent;border:0px solid white;" READONLY /> Food:<input type="text" id="food" value=100 size="1" style="background-color:transparent;border:0px solid white;" READONLY /> POP:<input type="text" id="pop" value=10 size="1" style="background-color:transparent;border:0px solid white;" READONLY /> so if i press the makefarm() button it will add to the numbers but if i press it again they will got to zero how could i make it remember the numbers?(the input boxes are the second code) I need to convert a position:fixed element to position:absolute when the user resize their browser window below 1000px. Right now it does nothing. The element always keeps the fixed positioning even after resizing the window. Here's what I have right now: Code: <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<base href="http://www.area51entertainment.co/" />
<title>Emoto <?php echo "$section"; ?></title>
<meta charset="UTF-8" />
<meta name="verify-v1" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="Andrew McCarrick" />
<meta name="robots" content="index, follow" />
<style type="text/css">
body,html {
background: #FFFFFF; /* Old browsers */
color: #000000;
font-family: Verdana;
margin-right:auto;
margin-left:auto;
max-width:1000px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
</style>
<link rel="stylesheet" href="emoto/style.css" media="screen" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="http://www.area51entertainment.co/TouchIcon.png" />
<link rel="apple-touch-icon-precomposed" href="http://www.area51entertainment.co/TouchIcon.png" />
<link rel="image_src" href="./logo.png" />
<script language="javascript" src="emoto/float.js"></script>
</head>
<body>
<div class="wrapper">
<div id="header_float">
<div class="header_wrapper">
<div class="logo">
Picture
</div>
<div class="links">
Home | Settings | Notifications | Requests | Messages | Search Bar
</div>
<div class="links_right">
Profile Link/Sign-Out
</div>
</div>
</div>
<div class="content_wrapper">
Test2Test2 Test2Test2Test2 Test2Test2Test2 Test2Test2Test2 Test2Test2Test2
Test2Test2Test2 Test2Test2Test2 Test2Test2Test2 Test2Test2Test2
Test2Test2Test2 Test2Test2Test2 Test2Test2Test2 Test2Test2Test2 Test2Test2Test2
Test2Test2Test2 Test2Test2Test2 Test2Test2Test2 Test2Test2Test2 Test2Test2Test2 T
est2Test2Test2 Test2Test2Test2 Test2Test2Test2 Test2Test2Test2 Test2Test2Test2 Test2
</div>
</div>
</body>
</html>
style.css Code: a:link {color: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:active {color: #FFFFFF; text-decoration: none;}
a:hover {color: #3399FF; text-decoration: none;}
.wrapper{
min-height: 2000px;
min-width: 1000px;
}
#header_float{
width: 100%;
min-width: 1000px;
height: 35px;
left:0;
right:0;
top:0;
position: fixed;
background: #49963A;
z-index: 1000;
}
.header_wrapper{
width: 1000px;
height: 35px;
margin-right:auto;
margin-left:auto;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
color: #FFFFFF;
}
.logo{
float: left;
width: 150px;
height: 25px;
font-size: 26px;
position: relative;
top: -1px;
left: 8px;
}
.links{
float: left;
width: 670px;
height: 25px;
position: relative;
top: 7px;
}
.links_right{
float: right;
width: 180px;
height: 25px;
position: relative;
top: 7px;
}
.content_wrapper{
position: relative;
top: 35px;
width: 995px;
min-height: 450px;
}
img{
border: 0px;
}
float.js Code: if (screen.availWidth<=999)
document.getElementById('header_float').style.position = 'absolute';
else
document.getElementById('header_float').style.position = 'fixed';
hi my login form is inside a popup at www.nandahosting.co.uk at the top right have corner if you click "Customer Login" the login form has an remember me. after i have logged in if i go back to the homepage, when i click customer login it asks me for my username and password again, its something to do with the form being inside the popup i think. this is the form Code: <div id="popUpDiv" style="display:none;">
<div id="tbright">
<a href="#" onclick="popup('popUpDiv')"><img src="<%= url_prefix %>./theme-images/xclose.png" alt="close" style="float: right; width: 30px; height:26px;" class="close"/></a>
<h4>Customer Login</h4>
<form action='login' method='post'>
<div id="boxleft">
<p><label for="username2">Username:</label><input name='username' type='text' value='' id='username2'/></p>
<p><label for="password">Password:</label><input type='password' name='password' value='' id='password'/></p>
<p><label for="permanent">Remember me?</label><input type='checkbox' name='permanent' style="margin: 0 0 20px 10px; width: 13px; float: right; height: 13px;" value='1' id='permanent'/></p>
</div>
<div id="boxright">
<input name="" type="submit" class="btn" value="Login" style="position: relative;"/>
<p class="link"><b>New Customer? - </b><a href="<%= url_prefix %>register">Create an account</a></p>
<p class="link"><a href="<%= url_prefix %>password-reminder">Forgotten your Password?</a></p>
</div>
</form>
</div>
</div>
This is the javascript for the popup Code: function toggle(div_id) {
var el = document.getElementById(div_id);
if ( el.style.display == 'none' ) { el.style.display = 'block';}
else {el.style.display = 'none';}
}
function blanket_size(popUpDivVar) {
if (typeof window.innerWidth != 'undefined') {
viewportheight = window.innerHeight;
} else {
viewportheight = document.documentElement.clientHeight;
}
if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
blanket_height = viewportheight;
} else {
if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
blanket_height = document.body.parentNode.clientHeight;
} else {
blanket_height = document.body.parentNode.scrollHeight;
}
}
var blanket = document.getElementById('blanket');
blanket.style.height = blanket_height + 'px';
var popUpDiv = document.getElementById(popUpDivVar);
popUpDiv_height=blanket_height/2-150;//150 is half popup's height
popUpDiv.style.top = popUpDiv_height + 'px';
}
function window_pos(popUpDivVar) {
if (typeof window.innerWidth != 'undefined') {
viewportwidth = window.innerHeight;
} else {
viewportwidth = document.documentElement.clientHeight;
}
if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
window_width = viewportwidth;
} else {
if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
window_width = document.body.parentNode.clientWidth;
} else {
window_width = document.body.parentNode.scrollWidth;
}
}
var popUpDiv = document.getElementById(popUpDivVar);
window_width=window_width/2-150;//150 is half popup's width
popUpDiv.style.left = window_width + 'px';
}
function popup(windowname) {
blanket_size(windowname);
window_pos(windowname);
toggle('blanket');
toggle(windowname);
}
i am no good at javascript but could someone please help me, so that if customers has clicked the remember me box, if they go to the homepage then when they click customer login it will redirect them straight away if they have previously ticked the remember me box. thankyou so much. Dear all, Below the html and java code. After viewing using Internet Explorer, I did a selection from the autodropdown. Then I click on Click here to go to other page . You will see a quite different webpage. Then I click on the back button, in the left upper corner of IE window, so I see the previous webpage but.... the autodropdown does not remember my selection . How can we solve this? <html> <Head> <Script Language=JavaScript> Level1 = new Array("Ceramics","Chemicals") Ceramics = new Array("ELECTRONICS","ENVIRONMENTAL") Chemicals = new Array("METALLIC_SOAPS","OLEOCHEMICAL_DERIVATIVES") ELECTRONICS = new Array("Solder mask") ENVIRONMENTAL = new Array("Catalysts") METALLIC_SOAPS = new Array("Soap","Translucent soaps","Liquid soa[") OLEOCHEMICAL_DERIVATIVES = new Array("FA-pos","FA polfaideriv") function fillSelect(isValue,isNext){ isNext.style.display = ""; isNext.length = 1; curr = eval(isValue); for (each in curr) { isData = new Option(curr[each],curr[each]); isNext.add(isData,isNext.options.length); } } function getValue(isValue){ } </Script> </Head> <body> <center> <h4>Dependent Select List, within a form</h4> <Form name='Categories'> <p>Segment <Select name='List1' onChange="fillSelect(this.value,Categories.List2)"> <option selected>Make a selection</option> </Select> </p> <Select name='List2' onChange="fillSelect(this.value,Categories.List3)"> <option selected>Make a selection</option> </Select> <p></p> <Select name='List3' onChange="getValue(this.value)"> <option selected >Make a selection</option> </Select> </Form> </center> <Script> fillSelect('Level1',Categories.List1) Categories.List2.style.display = "none"; Categories.List3.style.display = "none"; </Script> <p>Click <a href="http://www.hetnet.nl">here</a> to go to other page</p> </body> </html> Hello all, I would like to implement a cookie feature on my site that when a user logs in a cookie is stored for him and the next time he comes back, he doesn't have to sign in. I have researched hotscripts and javascripts but the ones I have found have to do with the "remember me" and thats not quite what I want. I tried to manipulate it but with no luck. Any help with either posting code or an article would be greatly appreciated! Thanks a bunch-Dan My website is: ERBoH.com I have no experience with JS, just general knowledge of html/css. I had someone else write the site for me. They didn't know how to do this and pretty much just stopped talking to me... On my site, I have a video carousel (4 video thumbnails in a row, you press the > arrow, and it shows the next 4 video thumbnails, you click 1 video thumbnail, and it shows you the video above the carousel). The problem is, when you click on one of the thumbnails, it reloads the page, and the video carousel goes back to the beginning. So if you clicked the > arrow 3 times (ur on the 3rd set of thumbnails), then it brings you back to the 1st set. This is pretty annoying, especially if your planning on watching each video. My question is, is it possible to make some type of cookie or something to remember which set of thumbnails you were on in the carousel? So that, if your on the 3rd set, and click a video, instead of resetting to the 1st set, it keeps you on the 3rd set. If it is possible... how hard would it be to do? Is it something where I could just copy/paste a string of code, or would this be a huge project? Thanks for the advice. Hi, I have a website where the user can navigate different categories by tab. The problem is, when they're on a tab other than the default one and they refresh the page or click to another page, it puts them back on the first tab. I know this can be solved by using a session cookie of some type, I just need some help on implementing it into my site. http://www.thatswhyimbroke.com/ - so you can see what i'm talking about. If you look at the different tabs: Price High, price low, food & drink, etc. I want the user to be able to go to one of those, click to page 2 or refresh, and still be on that tab. Any help would be much appreciated! Please assist, I have the following code to remember form inormation but it does not seem to work. Probably something stupid. Code: <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Contact Page</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="yorkie.css" type="text/css" />
<script type="text/javascript">
/* <![CDATA[ */
// Confirm resetting of forms.
function confirmReset() {
var resetForm = confirm("Are you sure you want to reset the form?");
if (resetForm == true)
return true;
return false;
}
// If box clicked value within disappears
function Focus(element) {
if (element.value == element.defaultValue) {
element.value = '';
}
}
// If nothing typed and box onblur the default value is restored within
function Blank(element) {
if (element.value == '') {
element.value = element.defaultValue;
}
}
// Submission of Contact Form Verified
function verifySubmission() {
var retValue = true;
if (document.forms[2].email.value == "Enter Email Address"
|| document.forms[2].firstname.value == "Enter First Name"
|| document.forms[2].lastname.value == "Enter Last Name"
|| document.forms[2].telephone.value == "Enter Contact number") {
window.alert("You did not fill in one of the following required fields: First Name, Last Name, Email Address, or Telephone Number.");
retValue = false;
}
return retValue;
}
// Email address verified as a valid email address
function validateEmail(formObject) {
var email = formObject.value;
var emailCheck = /^[_\w\-]+(\.[_\w\-]+)*@[\w\-]+(\.[\w\-]+)*(\.[\D]{2,3})$/;
if (emailCheck.test(email) == false) {
window.alert("The e-mail address you entered does not appear to be valid.");
formObject.value = formObject.defaultValue;
return false;
}
formObject.value = email.toLowerCase();
return true;
}
// Telephone number verified as a valid 10 digit number with no alpha characters
function verifyPhone(number) {
var phone = number.value;
var phoneCheck = /^(\d{10})$/;
if(phoneCheck.test(phone) == false) {
window.alert("The telephone number you entered does not appear to be valid.");
number.value = number.defaultValue;
return false;
}
return true;
}
// Show additional contact form details onclick of yes radio button
function showDiv() {
document.getElementById('breeders').style.visibility = 'visible';
}
// Hide certain contact form info onclick of No radio button
function hideDiv() {
document.getElementById('breeders').style.visibility = 'hidden';
}
// SAVE FORM INFORMATION FOR THE NEXT VISIT
function saveSelections(frm) {
var setvalue;
var fieldType;
var index;
var formname = frm.name;
// CookieExpiry in 30 days.
var today = new Date();
var exp = new Date(today.getTime()+30*24*60*60*1000);
var string = "formname=" + formname + "|";
var cookieName = formname;
var n = frm.length;
for (i = 0; i < n; i++) {
e = frm[i].name;
fieldValue = frm[i].value;
fieldType = frm[i].type;
// Radio Buttons
if (fieldType == "radio") {
for (x=0; x < frm.elements[e].length; x++) {
if (frm.elements[e][x].checked)
{
index = x
}
}
string = string + index + "\|";
}
// Text, Textarea, and dropdowns
if ((fieldType == "text") || (fieldType == "textarea") || (fieldType == "select")) {
string = string + frm.elements[e].value + "\|";
}
// Checkboxes
if (fieldType == "checkbox") {
if (frm.elements[e].checked==true) {
var setvalue = "1";
}
if (frm.elements[e].checked==false) {
var setvalue = "0";
}
string = string + setvalue + "\|";
}
// Hidden field
if (fieldType == "hidden") {
string = string + frm.elements[e].value + "\|";
}
}
setCookie(cookieName, string, exp);
}
// Load Form Fields from saved cookie
function loadSelections(frm) {
var e;
var z;
var x;
var cookieName;
var fieldArray;
var fieldValues;
var fieldValue;
var formname = frm.id;
// Retrieve form elements from cookie and split into array.
cookieName = formname;
fieldValues = getCookie(cookieName);
fieldArray = fieldValues.split("\|");
var n = frm.length;
for (i = 0; i < n; i++) {
e = frm[i].name;
z = i;
z++;
var fieldType = frm[i].type;
var fieldValue = fieldArray[z];
// Radio Buttons
if (fieldType == "radio") {
x = fieldValue;
frm.elements[e][x].checked = true;
}
// Text, Textarea, and dropdowns
if ((fieldType == "text") || (fieldType == "textarea") || (fieldType == "select")) {
frm.elements[e].value = fieldValue;
}
// Checkboxes
if (fieldType == "checkbox") {
var fld_checkbox = fieldValue;
if (fld_checkbox == "1") {
frm.elements[e].checked = true;
}
}
// Hidden fields
if (fieldType == "hidden") {
frm.elements[e].value = fieldValue;
}
}
}
// COOKIE FUNCTIONS
function setCookie(name, value, expires) {
document.cookie= name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "");
}
function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) return null;
} else {
begin += 2;
}
var end = document.cookie.indexOf(";", begin);
if (end == -1) {
end = dc.length;
}
return unescape(dc.substring(begin + prefix.length, end));
}
/* ]]> */
</script>
</head>
<body class="contact" onload="var begin=setInterval('changeBanner()',9000); currentClock(); currentDate(); document.getElementById('breeders').style.visibility = 'hidden'; " onunload="saveSelections(document.forms[0])">
<table width="92%">
<form action="mailto:lynette@sayorkies.co.za, subject=Contact Form" method="post" enctype="text/plain" onsubmit="return verifySubmission()" onreset="return confirmReset();">
<table class="center" cellpadding="5" border="1">
<!-- This enters a horizontal line -->
<tr><td><hr /></td></tr>
<!-- This is for the personal information -->
<tr><td><strong>Tell us who you a </strong></td></tr>
<tr><td><input type="text" name="firstname" size="25" maxlength="35" value="Enter First Name" onfocus="Focus(this);" onblur="Blank(this);" /> *
<input type="text" name="lastname" style="margin-left: 52px;" size="25" maxlength="35" value="Enter Last Name" onfocus="Focus(this);" onblur="Blank(this);" /> *</td></tr>
<!-- This is for the contact information -->
<tr><td><strong>Your Contact details:</strong></td></tr>
<tr><td><input type="text" name="email" size="30" maxlength="60" value="Enter Email Address" onfocus="Focus(this);" onblur="Blank(this); validateEmail(this)" /> *
<input type="text" name="telephone" style="margin-left: 20px;" size="20" maxlength="10" value="Enter Contact number" onfocus="Focus(this);" onblur="Blank(this); verifyPhone(this)" /> * </td></tr>
<!-- This is where you enter your message also select what type of message-->
<tr><td><strong>Your Message:</strong></td></tr>
<tr><td align="left">What is your message about?<br />
<input type="radio" name="type" value="compliment" /> Compliment
<input type="radio" name="type" value="complaint" /> Complaint
<input type="radio" name="type" value="general" checked="checked" /> General
<input type="radio" name="type" value="enquiry" /> Enquiry
<input type="radio" name="type" value="feedback" /> Feedback</td></tr>
<tr><td align="center"><textarea name="message" rows="6" cols="45" onfocus="Focus(this);" onblur="Blank(this)">Enter your message here...</textarea></td></tr>
<!-- Additional information -->
<tr><td align="left">Are you looking to purchase a Yorkie puppy?<br />
<input type="radio" name="purchase" value="yes" /> Yes
<input type="radio" name="purchase" value="no" checked="checked" /> No</td></tr>
<tr><td align="left">Do you own a Yorkie?<br />
<input type="radio" name="owner" value="yes" onclick="showDiv()" /> Yes
<input type="radio" name="owner" value="no" checked="checked" onclick="hideDiv()" /> No<br />
<!-- If answer is no above the below questions are hidden, if yes then they appear -->
<div id="breeders">
How many? <select name="qnty" size="1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5+</option></select>
Are you a breeder? <input type="radio" name="breeder" value="yes" /> Yes
<input type="radio" name="breeder" value="no" checked="checked" /> No</div></td></tr>
<!-- Subscriptions -->
<tr><td align="left">Do you wish to subscribe to the following?<br />
<input type="checkbox" name="subscribe" value="letter" checked="checked" /> Monthly Newsletter<br />
<input type="checkbox" name="subscribe" value="pups" /> Notification of a new litter<br />
<input type="checkbox" name="subscribe" value="updates" /> Notification of site updates<br />
<input type="checkbox" name="subscribe" value="register" /> Registrations</td></tr>
<!-- Add a picture file -->
<tr><td align="left">Upload your favourite Yorkie photo for the Picture of the Month.<br />
<input type="file" name="upload" accept="image/gif, image/jpeg" size="30" style="margin-left: 15px; margin-top:5px;" /></td></tr>
<!-- This enters a horizontal line -->
<tr><td><hr /></td></tr>
<tr><td align="center">Required fields marked with *</td></tr>
<!-- Buttons to clear the form or to submit the form -->
<tr><td align="center"><input type="reset" value="Clear the Form" />
<input type="submit" value="Send your message" /></td></tr>
</table></form<script type="text/javascript">loadSelections(document.forms[0]);</script>
</body>
</html>
Console Error: Unable to get value of the property 'split': object is null or undefined for this line: Code: fieldArray = fieldValues.split("\|");
I am hitting a brick wall, dont know what to do? Ok, so if you navigate ovr to my website "http://www.mancunianmacca.co.cc" you will notice that a box pops up asking for your name. When you type it in it adds it to the page. Is there a way I can get this to remember the users input and only ask them once then remember. Like cookie or anything. If you need any extra things. Just ask.
I have a JavaScript that remembers the values of a form by creating cookies for each input element onblur. I cannot figure out though how to exclude one input field from being remember. It would be document.getElementsByTagName('input')[15] Every time I try to add an if/else statement in using that line, the script doesn't work altogether. Code: window.onload = function() {
rememberFormInputs('rma', 'input-');
}
/**
* Set a cookie
* @param string cookie name
* @param string cookie value
* @param string cookie expiration counter in days
* @param string cookie path
* @param string cookie domain
* @param bool secure?
*/
function setCookie(name, value, expires, path, domain, secure) {
var today = new Date();
today.setTime(today.getTime());
if (expires) {
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date(today.getTime() + (expires));
document.cookie = name+"="+escape(value) +
((expires) ? ";expires="+expires_date.toGMTString() : "") +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
((secure) ? ";secure" : "");
}
/**
* Get a cookie value
* @param string cookie name
*/
function getCookie(name) {
var start = document.cookie.indexOf(name + "=");
var len = start + name.length + 1;
if ((!start) && (name != document.cookie.substring(0, name.length))) {
return null;
}
if (start == -1) return null;
var end = document.cookie.indexOf(";", len);
if (end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(len, end));
}
/**
* Remebers form inputs after you fill them in
* @param string form id to remember fields
* @param string a prefix to prepend to all cookie names. (prevent naming conflicts)
*/
function rememberFormInputs(form_id, prefix) {
var form = document.getElementById(form_id);
var els = document.getElementsByTagName('input');
for (var i = 0; i < els.length; i++) {
var el = els.item(i);
if (el.type == 'text') {
el.onblur = function() {
var name = this.name;
var value = this.value;
setCookie(prefix + name, value, 90);
};
var old_value = getCookie(prefix + el.name);
if (old_value && old_value != '') {
el.value = old_value;
}
}
}
}
Does anyone have a solution? I would really appreciate it :] I have been trying for some time now to find a script to create a cookie for the following, so that the user selected font size is remebered throughtout the site. I have traweled the internet for some time now but all to no avail, the only guides i can find are for resizing a single element, which is no good for what i require. The code i already have is: <script type="text/javascript"> //Specify affected tags. Add or remove from list: var tgs = new Array( 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'a', 'b', 'li', 'form.button' ); //Specify spectrum of different font sizes: var szs = new Array( 'x-small','small','medium','large','x-large' ); var startSz = 2; function ts( trgt,inc ) { if (!document.getElementById) return var d = document,cEl = null,sz = startSz,i,j,cTags; sz += inc; if ( sz < 0 ) sz = 0; if ( sz > 5 ) sz = 5; startSz = sz; if (!( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ]; cEl.style.fontSize = szs[ sz ]; for ( i = 0 ; i < tgs.length ; i++ ) { cTags = cEl.getElementsByTagName( tgs[ i ] ); for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ]; } } </script> On a seperate issue i would also like to know if there is a script i can put in to enable users to quickly return to the default font size (although it would not be the end of the world if such a thing is not possible). Hey guys, No clue what the code is for this. I did try creating one but it dramaticly failed. Just wondering what is the code for a box with tabs where if you click the tabs it provides information i the box below. and does not link you to a site. And i need 6 tabs on it. Thanks for people that can provide.
Dear friends, I use this script wich works fine in FF, Opera and Chrome but not in IE! Code: <script type="text/javascript">
function DoAllThese() {
window.open('http://google.com', 'One','_blank');
window.open('http://www.yahoo.com','Two','_blank');
}
</script>
Code: <button onClick="DoAllThese();">Open</button> Is it possible to do it in IE? I am having a problem with a page I am building using jquery tabs. I have basically put a set of tabs within another set. The top level of tab navigation works fine, but then you click on the tabs navigation within the first tab it doesnt work. http://dl.dropbox.com/u/14080718/Final/TabsInTabs.html I cant get it to work and not sure why. I am still learning web design and I am not sure if this is a html/css or jquery problem. I would appreciate any help anyone wants to give. Thanks, Good Afternoon, I am new to coding and I am needing help coding a form. I need javascript coding that will give me tabs. I also need the tabs to be greyed out for the users who should not see those tabs. So if i have an analyst, section chief and division chief. I need three tabs. when the analyst is logged in filling out their questions on the form i want the sections cheif and division chief tabs to be greyed out. Can anyone help me with this! Lizz Reply With Quote 12-17-2014, 07:34 PM #2 Dormilich View Profile View Forum Posts Senior Coder Join Date Jan 2010 Location Behind the Wall Posts 3,532 Thanks 13 Thanked 372 Times in 368 Posts what do you have so far? |
|||||||