|
JavaScript - Wp-cufon - Apostrophe Not Displaying Properly
Hey Guys,
I've recently added Cufon to a site and generated a font that includes the WordPress Punctuation option. http://bit.ly/akbrXc However when I try and use an apostrophe in the text it does not appear on the page. As a potential fix, I tried inserting ' into the HTML tab of the page via the WP dashboard. It works in Firefox. Cufon displays an apostrophe. However, in Internet Explorer it displays the code and not the apostrophe. Any suggestions regarding what I should do to fix this problem? Thanks! Similar TutorialsHi, On my site, my menu on the eft is not working in IE9, I have added the relevant code for IE9 fix and tried to force it to use the IE8 engine still nothing?! http://www.crusaderinsurance.co.uk/ Hi I was just wondering if you could use two different fonts on the same page with CUFON, as you can register a font with the font files but if you register two fonts how how you choose between the fonts. For example if you do this Code: <script src="fonts/cufon.js" type="text/javascript"></script> <script src="fonts/font1.font.js" type="text/javascript"></script> <script src="fonts/font2.font.js" type="text/javascript"></script> But when I use the built-in CUFON replace it only picks the last font registered. Code: <script type="text/javascript">
Cufon.replace('#div1'); // Will Replace all text in the div1 with font2
Cufon.replace('#div2'); // Will Replace all text in the div2 with font2
</script>
<div id="div1">Font 1</div>
<div id="div2">Font 2</div>
If anyone knows how to do this please helo, thank you. EDIT: I found how you do it you need to use a selector like this. Code: <script type="text/javascript">
Cufon.replace('div1',{fontFamily:'font1'});
Cufon.replace('div2',{fontFamily:'font2'});
</script>
I'm trying to use cufon, except..I'm not fully sure how I'd replace the text. I want to replace the text in the navigation bar I have built. I tried to use this to no avail.. Code: <script type="text/javascript">
Cufon.replace('#menu li a');
</script>
Code: .snow #menu{
border:none;
border:0px;
margin:0px;
margin-top: 20px;
padding:0px;
font-size:16px;
font-weight:bold;
float: right;
}
.snow #menu ul{
height:38px;
list-style:none;
margin:0;
padding:0;
}
.snow #menu li{
float:left;
padding:0px;
}
.snow #menu li a{
color:#2eb8e7;
display:block;
font-weight:normal;
line-height:38px;
margin:0px;
padding:0px 10px;
text-align:center;
text-decoration:none;
}
.snow #menu li a:hover, .snow #menu ul li:hover a{
color:#ffffff;
text-decoration:none;
}
.snow #menu p {
clear: left;
}
Hi there, My last 2 little annoyances are related to my Cufon main menu. I could use some assistance. http://www.lyricoperala.org/index3.html Sub-menu items are spaced too far apart. I've tried to set the top padding to 0px, but that doesn't seem to have made a difference. Finally, the last item is a CSS issue, but I'll mention it here just in case you, my code savior, happen to know the answer. I guess it's a z-index thing, but I haven't mastered this yet. My sub-sub-menu items are appearing UNDER the ticket image. I'd prefer that they show up above it, obviously. Thanks so much in advance! Best forum helpers EVER here! ~Laura Hi, I am looking for some help with a change I need on a Cufon script for a template I purchased to build a website. In this script its converting all the text to Uppercase. I know pretty much zero about Javascript, so i do not know how to edit it out. I require the script for other parts of the site so I can not just delete it. Any help would be great. Thanks in advance! Attached is the entire code named Cufon-yui.js Code: var Cufon=(function(){var m=function(){return m.replace.apply(null,arguments)};var x=m.DOM={ready:(function(){var C=false,E={loaded:1,complete:1};var B=[],D=function(){if(C){return}C=true;for(var F;F=B.shift();F()){}};if(document.addEventListener){document.addEventListener("DOMContentLoaded",D,false);window.addEventListener("pageshow",D,false)}if(!window.opera&&document.readyState){(function(){E[document.readyState]?D():setTimeout(arguments.callee,10)})()}if(document.readyState&&document.createStyleSheet){(function(){try{document.body.doScroll("left");D()}catch(F){setTimeout(arguments.callee,1)}})()}q(window,"load",D);return function(F){if(!arguments.length){D()}else{C?F():B.push(F)}}})(),root:function(){return document.documentElement||document.body}};var n=m.CSS={Size:function(C,B){this.value=parseFloat(C);this.unit=String(C).match(/[a-z%]*$/)[0]||"px";this.convert=function(D){return D/B*this.value};this.convertFrom=function(D){return D/this.value*B};this.toString=function(){return this.value+this.unit}},addClass:function(C,B){var D=C.className;C.className=D+(D&&" ")+B;return C},color:j(function(C){var B={};B.color=C.replace(/^rgba\((.*?),\s*([\d.]+)\)/,function(E,D,F){B.opacity=parseFloat(F);return"rgb("+D+")"});return B}),fontStretch:j(function(B){if(typeof B=="number"){return B}if(/%$/.test(B)){return parseFloat(B)/100}return{"ultra-condensed":0.5,"extra-condensed":0.625,condensed:0.75,"semi-condensed":0.875,"semi-expanded":1.125,expanded:1.25,"extra-expanded":1.5,"ultra-expanded":2}[B]||1}),getStyle:function(C){var B=document.defaultView;if(B&&B.getComputedStyle){return new a(B.getComputedStyle(C,null))}if(C.currentStyle){return new a(C.currentStyle)}return new a(C.style)},gradient:j(function(F){var G={id:F,type:F.match(/^-([a-z]+)-gradient\(/)[1],stops:[]},C=F.substr(F.indexOf("(")).match(/([\d.]+=)?(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)/ig);for(var E=0,B=C.length,D;E<B;++E){D=C[E].split("=",2).reverse();G.stops.push([D[1]||E/(B-1),D[0]])}return G}),quotedList:j(function(E){var D=[],C=/\s*((["'])([\s\S]*?[^\\])\2|[^,]+)\s*/g,B;while(B=C.exec(E)){D.push(B[3]||B[1])}return D}),recognizesMedia:j(function(G){var E=document.createElement("style"),D,C,B;E.type="text/css";E.media=G;try{E.appendChild(document.createTextNode("/**/"))}catch(F){}C=g("head")[0];C.insertBefore(E,C.firstChild);D=(E.sheet||E.styleSheet);B=D&&!D.disabled;C.removeChild(E);return B}),removeClass:function(D,C){var B=RegExp("(?:^|\\s+)"+C+"(?=\\s|$)","g");D.className=D.className.replace(B,"");return D},supports:function(D,C){var B=document.createElement("span").style;if(B[D]===undefined){return false}B[D]=C;return B[D]===C},textAlign:function(E,D,B,C){if(D.get("textAlign")=="right"){if(B>0){E=" "+E}}else{if(B<C-1){E+=" "}}return E},textShadow:j(function(F){if(F=="none"){return null}var E=[],G={},B,C=0;var D=/(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)|(-?[\d.]+[a-z%]*)|,/ig;while(B=D.exec(F)){if(B[0]==","){E.push(G);G={};C=0}else{if(B[1]){G.color=B[1]}else{G[["offX","offY","blur"][C++]]=B[2]}}}E.push(G);return E}),textTransform:(function(){var B={uppercase:function(C){return C.toUpperCase()},lowercase:function(C){return C.toLowerCase()},capitalize:function(C){return C.replace(/\b./g,function(D){return D.toUpperCase()})}};return function(E,D){var C=B[D.get("textTransform")];return C?C(E):E}})(),whiteSpace:(function(){var D={inline:1,"inline-block":1,"run-in":1};var C=/^\s+/,B=/\s+$/;return function(H,F,G,E){if(E){if(E.nodeName.toLowerCase()=="br"){H=H.replace(C,"")}}if(D[F.get("display")]){return H}if(!G.previousSibling){H=H.replace(C,"")}if(!G.nextSibling){H=H.replace(B,"")}return H}})()};n.ready=(function(){var B=!n.recognizesMedia("all"),E=false;var D=[],H=function(){B=true;for(var K;K=D.shift();K()){}};var I=g("link"),J=g("style");function C(K){return K.disabled||G(K.sheet,K.media||"screen")}function G(M,P){if(!n.recognizesMedia(P||"all")){return true}if(!M||M.disabled){return false}try{var Q=M.cssRules,O;if(Q){search:for(var L=0,K=Q.length;O=Q[L],L<K;++L){switch(O.type){case 2:break;case 3:if(!G(O.styleSheet,O.media.mediaText)){return false}break;default:break search}}}}catch(N){}return true}function F(){if(document.createStyleSheet){return true}var L,K;for(K=0;L=I[K];++K){if(L.rel.toLowerCase()=="stylesheet"&&!C(L)){return false}}for(K=0;L=J[K];++K){if(!C(L)){return false}}return true}x.ready(function(){if(!E){E=n.getStyle(document.body).isUsable()}if(B||(E&&F())){H()}else{setTimeout(arguments.callee,10)}});return function(K){if(B){K()}else{D.push(K)}}})();function s(D){var C=this.face=D.face,B={"\u0020":1,"\u00a0":1,"\u3000":1};this.glyphs=D.glyphs;this.w=D.w;this.baseSize=parseInt(C["units-per-em"],10);this.family=C["font-family"].toLowerCase();this.weight=C["font-weight"];this.style=C["font-style"]||"normal";this.viewBox=(function(){var F=C.bbox.split(/\s+/);var E={minX:parseInt(F[0],10),minY:parseInt(F[1],10),maxX:parseInt(F[2],10),maxY:parseInt(F[3],10)};E.width=E.maxX-E.minX;E.height=E.maxY-E.minY;E.toString=function(){return[this.minX,this.minY,this.width,this.height].join(" ")};return E})();this.ascent=-parseInt(C.ascent,10);this.descent=-parseInt(C.descent,10);this.height=-this.ascent+this.descent;this.spacing=function(L,N,E){var O=this.glyphs,M,K,G,P=[],F=0,J=-1,I=-1,H;while(H=L[++J]){M=O[H]||this.missingGlyph;if(!M){continue}if(K){F-=G=K[H]||0;P[I]-=G}F+=P[++I]=~~(M.w||this.w)+N+(B[H]?E:0);K=M.k}P.total=F;return P}}function f(){var C={},B={oblique:"italic",italic:"oblique"};this.add=function(D){(C[D.style]||(C[D.style]={}))[D.weight]=D};this.get=function(H,I){var G=C[H]||C[B[H]]||C.normal||C.italic||C.oblique;if(!G){return null}I={normal:400,bold:700}[I]||parseInt(I,10);if(G[I]){return G[I]}var E={1:1,99:0}[I%100],K=[],F,D;if(E===undefined){E=I>400}if(I==500){I=400}for(var J in G){if(!k(G,J)){continue}J=parseInt(J,10);if(!F||J<F){F=J}if(!D||J>D){D=J}K.push(J)}if(I<F){I=F}if(I>D){I=D}K.sort(function(M,L){return(E?(M>=I&&L>=I)?M<L:M>L:(M<=I&&L<=I)?M>L:M<L)?-1:1});return G[K[0]]}}function r(){function D(F,G){if(F.contains){return F.contains(G)}return F.compareDocumentPosition(G)&16}function B(G){var F=G.relatedTarget;if(!F||D(this,F)){return}C(this,G.type=="mouseover")}function E(F){C(this,F.type=="mouseenter")}function C(F,G){setTimeout(function(){var H=d.get(F).options;m.replace(F,G?h(H,H.hover):H,true)},10)}this.attach=function(F){if(F.onmouseenter===undefined){q(F,"mouseover",B);q(F,"mouseout",B)}else{q(F,"mouseenter",E);q(F,"mouseleave",E)}}}function u(){var C=[],D={};function B(H){var E=[],G;for(var F=0;G=H[F];++F){E[F]=C[D[G]]}return E}this.add=function(F,E){D[F]=C.push(E)-1};this.repeat=function(){var E=arguments.length?B(arguments):C,F;for(var G=0;F=E[G++];){m.replace(F[0],F[1],true)}}}function A(){var D={},B=0;function C(E){return E.cufid||(E.cufid=++B)}this.get=function(E){var F=C(E);return D[F]||(D[F]={})}}function a(B){var D={},C={};this.extend=function(E){for(var F in E){if(k(E,F)){D[F]=E[F]}}return this};this.get=function(E){return D[E]!=undefined?D[E]:B[E]};this.getSize=function(F,E){return C[F]||(C[F]=new n.Size(this.get(F),E))};this.isUsable=function(){return !!B}}function q(C,B,D){if(C.addEventListener){C.addEventListener(B,D,false)}else{if(C.attachEvent){C.attachEvent("on"+B,function(){return D.call(C,window.event)})}}}function v(C,B){var D=d.get(C);if(D.options){return C}if(B.hover&&B.hoverables[C.nodeName.toLowerCase()]){b.attach(C)}D.options=B;return C}function j(B){var C={};return function(D){if(!k(C,D)){C[D]=B.apply(null,arguments)}return C[D]}}function c(F,E){var B=n.quotedList(E.get("fontFamily").toLowerCase()),D;for(var C=0;D=B[C];++C){if(i[D]){return i[D].get(E.get("fontStyle"),E.get("fontWeight"))}}return null}function g(B){return document.getElementsByTagName(B)}function k(C,B){return C.hasOwnProperty(B)}function h(){var C={},B,F;for(var E=0,D=arguments.length;B=arguments[E],E<D;++E){for(F in B){if(k(B,F)){C[F]=B[F]}}}return C}function o(E,M,C,N,F,D){var K=document.createDocumentFragment(),H;if(M===""){return K}var L=N.separate;var I=M.split(p[L]),B=(L=="words");if(B&&t){if(/^\s/.test(M)){I.unshift("")}if(/\s$/.test(M)){I.push("")}}for(var J=0,G=I.length;J<G;++J){H=z[N.engine](E,B?n.textAlign(I[J],C,J,G):I[J],C,N,F,D,J<G-1);if(H){K.appendChild(H)}}return K}function l(D,M){var C=D.nodeName.toLowerCase();if(M.ignore[C]){return}var E=!M.textless[C];var B=n.getStyle(v(D,M)).extend(M);var F=c(D,B),G,K,I,H,L,J;if(!F){return}for(G=D.firstChild;G;G=I){K=G.nodeType;I=G.nextSibling;if(E&&K==3){if(H){H.appendData(G.data);D.removeChild(G)}else{H=G}if(I){continue}}if(H){D.replaceChild(o(F,n.whiteSpace(H.data,B,H,J),B,M,G,D),H);H=null}if(K==1){if(G.firstChild){if(G.nodeName.toLowerCase()=="cufon"){z[M.engine](F,null,B,M,G,D)}else{arguments.callee(G,M)}}J=G}}}var t=" ".split(/\s+/).length==0;var d=new A();var b=new r();var y=new u();var e=false;var z={},i={},w={autoDetect:false,engine:null,forceHitArea:false,hover:false,hoverables:{a:true},igno {applet:1,canvas:1,col:1,colgroup:1,head:1,iframe:1,map:1,optgroup:1,option:1,script:1,select:1,style:1,textarea:1,title:1,p 1},printable:true,selector:(window.Sizzle||(window.jQuery&&function(B){return jQuery(B)})||(window.dojo&&dojo.query)||(window.Ext&&Ext.query)||(window.YAHOO&&YAHOO.util&&YAHOO.util.Selector&&YAHOO.util.Selector.query)||(window.$$&&function(B){return $$(B)})||(window.$&&function(B){return $(B)})||(document.querySelectorAll&&function(B){return document.querySelectorAll(B)})||g),separate:"words",textless:{dl:1,html:1,ol:1,table:1,tbody:1,thead:1,tfoot:1,tr:1,ul:1},textShadow:"none"};var p={words:/\s/.test("\u00a0")?/[^\S\u00a0]+/:/\s+/,characters:"",none:/^/};m.now=function(){x.ready();return m};m.refresh=function(){y.repeat.apply(y,arguments);return m};m.registerEngine=function(C,B){if(!B){return m}z[C]=B;return m.set("engine",C)};m.registerFont=function(D){if(!D){return m}var B=new s(D),C=B.family;if(!i[C]){i[C]=new f()}i[C].add(B);return m.set("fontFamily",'"'+C+'"')};m.replace=function(D,C,B){C=h(w,C);if(!C.engine){return m}if(!e){n.addClass(x.root(),"cufon-active cufon-loading");n.ready(function(){n.addClass(n.removeClass(x.root(),"cufon-loading"),"cufon-ready")});e=true}if(C.hover){C.forceHitArea=true}if(C.autoDetect){delete C.fontFamily}if(typeof C.textShadow=="string"){C.textShadow=n.textShadow(C.textShadow)}if(typeof C.color=="string"&&/^-/.test(C.color)){C.textGradient=n.gradient(C.color)}else{delete C.textGradient}if(!B){y.add(D,arguments)}if(D.nodeType||typeof D=="string"){D=[D]}n.ready(function(){for(var F=0,E=D.length;F<E;++F){var G=D[F];if(typeof G=="string"){m.replace(C.selector(G),C,true)}else{l(G,C)}}});return m};m.set=function(B,C){w[B]=C;return m};return m})();Cufon.registerEngine("vml",(function(){var e=document.namespaces;if(!e){return}e.add("cvml","urn:schemas-microsoft-com:vml");e=null;var b=document.createElement("cvml:shape");b.style.behavior="url(#default#VML)";if(!b.coordsize){return}b=null;var h=(document.documentMode||0)<8;document.write(('<style type="text/css">cufoncanvas{text-indent:0;}@media screen{cvml\\:shape,cvml\\:rect,cvml\\:fill,cvml\\:shadow{behavior:url(#default#VML);display:block;antialias:true;position:absolute;}cufoncanvas{position:absolute;text-align:left;}cufon{display:inline-block;position:relative;vertical-align:'+(h?"middle":"text-bottom")+";}cufon cufontext{position:absolute;left:-10000in;font-size:1px;}a cufon{cursor:pointer}}@media print{cufon cufoncanvas{display:none;}}</style>").replace(/;/g,"!important;"));function c(i,j){return a(i,/(?:em|ex|%)$|^[a-z-]+$/i.test(j)?"1em":j)}function a(l,m){if(m==="0"){return 0}if(/px$/i.test(m)){return parseFloat(m)}var k=l.style.left,j=l.runtimeStyle.left;l.runtimeStyle.left=l.currentStyle.left;l.style.left=m.replace("%","em");var i=l.style.pixelLeft;l.style.left=k;l.runtimeStyle.left=j;return i}function f(l,k,j,n){var i="computed"+n,m=k[i];if(isNaN(m)){m=k.get(n);k[i]=m=(m=="normal")?0:~~j.convertFrom(a(l,m))}return m}var g={};function d(p){var q=p.id;if(!g[q]){var n=p.stops,o=document.createElement("cvml:fill"),i=[];o.type="gradient";o.angle=180;o.focus="0";o.method="sigma";o.color=n[0][1];for(var m=1,l=n.length-1;m<l;++m){i.push(n[m][0]*100+"% "+n[m][1])}o.colors=i.join(",");o.color2=n[l][1];g[q]=o}return g[q]}return function(ac,G,Y,C,K,ad,W){var n=(G===null);if(n){G=K.alt}var I=ac.viewBox;var p=Y.computedFontSize||(Y.computedFontSize=new Cufon.CSS.Size(c(ad,Y.get("fontSize"))+"px",ac.baseSize));var y,q;if(n){y=K;q=K.firstChild}else{y=document.createElement("cufon");y.className="cufon cufon-vml";y.alt=G;q=document.createElement("cufoncanvas");y.appendChild(q);if(C.printable){var Z=document.createElement("cufontext");Z.appendChild(document.createTextNode(G));y.appendChild(Z)}if(!W){y.appendChild(document.createElement("cvml:shape"))}}var ai=y.style;var R=q.style;var l=p.convert(I.height),af=Math.ceil(l);var V=af/l;var P=V*Cufon.CSS.fontStretch(Y.get("fontStretch"));var U=I.minX,T=I.minY;R.height=af;R.top=Math.round(p.convert(T-ac.ascent));R.left=Math.round(p.convert(U));ai.height=p.convert(ac.height)+"px";var F=Y.get("color");var ag=Cufon.CSS.textTransform(G,Y).split("");var L=ac.spacing(ag,f(ad,Y,p,"letterSpacing"),f(ad,Y,p,"wordSpacing"));if(!L.length){return null}var k=L.total;var x=-U+k+(I.width-L[L.length-1]);var ah=p.convert(x*P),X=Math.round(ah);var O=x+","+I.height,m;var J="r"+O+"ns";var u=C.textGradient&&d(C.textGradient);var o=ac.glyphs,S=0;var H=C.textShadow;var ab=-1,aa=0,w;while(w=ag[++ab]){var D=o[ag[ab]]||ac.missingGlyph,v;if(!D){continue}if(n){v=q.childNodes[aa];while(v.firstChild){v.removeChild(v.firstChild)}}else{v=document.createElement("cvml:shape");q.appendChild(v)}v.stroked="f";v.coordsize=O;v.coordorigin=m=(U-S)+","+T;v.path=(D.d?"m"+D.d+"xe":"")+"m"+m+J;v.fillcolor=F;if(u){v.appendChild(u.cloneNode(false))}var ae=v.style;ae.width=X;ae.height=af;if(H){var s=H[0],r=H[1];var B=Cufon.CSS.color(s.color),z;var N=document.createElement("cvml:shadow");N.on="t";N.color=B.color;N.offset=s.offX+","+s.offY;if(r){z=Cufon.CSS.color(r.color);N.type="double";N.color2=z.color;N.offset2=r.offX+","+r.offY}N.opacity=B.opacity||(z&&z.opacity)||1;v.appendChild(N)}S+=L[aa++]}var M=v.nextSibling,t,A;if(C.forceHitArea){if(!M){M=document.createElement("cvml:rect");M.stroked="f";M.className="cufon-vml-cover";t=document.createElement("cvml:fill");t.opacity=0;M.appendChild(t);q.appendChild(M)}A=M.style;A.width=X;A.height=af}else{if(M){q.removeChild(M)}}ai.width=Math.max(Math.ceil(p.convert(k*P)),0);if(h){var Q=Y.computedYAdjust;if(Q===undefined){var E=Y.get("lineHeight");if(E=="normal"){E="1em"}else{if(!isNaN(E)){E+="em"}}Y.computedYAdjust=Q=0.5*(a(ad,E)-parseFloat(ai.height))}if(Q){ai.marginTop=Math.ceil(Q)+"px";ai.marginBottom=Q+"px"}}return y}})());Cufon.registerEngine("canvas",(function(){var b=document.createElement("canvas");if(!b||!b.getContext||!b.getContext.apply){return}b=null;var a=Cufon.CSS.supports("display","inline-block");var e=!a&&(document.compatMode=="BackCompat"||/frameset|transitional/i.test(document.doctype.publicId));var f=document.createElement("style");f.type="text/css";f.appendChild(document.createTextNode(("cufon{text-indent:0;}@media screen,projection{cufon{display:inline;display:inline-block;position:relative;vertical-align:middle;"+(e?"":"font-size:1px;line-height:1px;")+"}cufon cufontext{display:-moz-inline-box;display:inline-block;width:0;height:0;overflow:hidden;text-indent:-10000in;}"+(a?"cufon canvas{position:relative;}":"cufon canvas{position:absolute;}")+"}@media print{cufon{padding:0;}cufon canvas{display:none;}}").replace(/;/g,"!important;")));document.getElementsByTagName("head")[0].appendChild(f);function d(p,h){var n=0,m=0;var g=[],o=/([mrvxe])([^a-z]*)/g,k;generate:for(var j=0;k=o.exec(p);++j){var l=k[2].split(",");switch(k[1]){case"v":g[j]={m:"bezierCurveTo",a:[n+~~l[0],m+~~l[1],n+~~l[2],m+~~l[3],n+=~~l[4],m+=~~l[5]]};break;case"r":g[j]={m:"lineTo",a:[n+=~~l[0],m+=~~l[1]]};break;case"m":g[j]={m:"moveTo",a:[n=~~l[0],m=~~l[1]]};break;case"x":g[j]={m:"closePath"};break;case"e":break generate}h[g[j].m].apply(h,g[j].a)}return g}function c(m,k){for(var j=0,h=m.length;j<h;++j){var g=m[j];k[g.m].apply(k,g.a)}}return function(V,w,P,t,C,W){var k=(w===null);if(k){w=C.getAttribute("alt")}var A=V.viewBox;var m=P.getSize("fontSize",V.baseSize);var B=0,O=0,N=0,u=0;var z=t.textShadow,L=[];if(z){for(var U=z.length;U--;){var F=z[U];var K=m.convertFrom(parseFloat(F.offX));var I=m.convertFrom(parseFloat(F.offY));L[U]=[K,I];if(I<B){B=I}if(K>O){O=K}if(I>N){N=I}if(K<u){u=K}}}var Z=Cufon.CSS.textTransform(w,P).split("");var E=V.spacing(Z,~~m.convertFrom(parseFloat(P.get("letterSpacing"))||0),~~m.convertFrom(parseFloat(P.get("wordSpacing"))||0));if(!E.length){return null}var h=E.total;O+=A.width-E[E.length-1];u+=A.minX;var s,n;if(k){s=C;n=C.firstChild}else{s=document.createElement("cufon");s.className="cufon cufon-canvas";s.setAttribute("alt",w);n=document.createElement("canvas");s.appendChild(n);if(t.printable){var S=document.createElement("cufontext");S.appendChild(document.createTextNode(w));s.appendChild(S)}}var aa=s.style;var H=n.style;var j=m.convert(A.height);var Y=Math.ceil(j);var M=Y/j;var G=M*Cufon.CSS.fontStretch(P.get("fontStretch"));var J=h*G;var Q=Math.ceil(m.convert(J+O-u));var o=Math.ceil(m.convert(A.height-B+N));n.width=Q;n.height=o;H.width=Q+"px";H.height=o+"px";B+=A.minY;H.top=Math.round(m.convert(B-V.ascent))+"px";H.left=Math.round(m.convert(u))+"px";var r=Math.max(Math.ceil(m.convert(J)),0)+"px";if(a){aa.width=r;aa.height=m.convert(V.height)+"px"}else{aa.paddingLeft=r;aa.paddingBottom=(m.convert(V.height)-1)+"px"}var X=n.getContext("2d"),D=j/A.height;X.scale(D,D*M);X.translate(-u,-B);X.save();function T(){var x=V.glyphs,ab,l=-1,g=-1,y;X.scale(G,1);while(y=Z[++l]){var ab=x[Z[l]]||V.missingGlyph;if(!ab){continue}if(ab.d){X.beginPath();if(ab.code){c(ab.code,X)}else{ab.code=d("m"+ab.d,X)}X.fill()}X.translate(E[++g],0)}X.restore()}if(z){for(var U=z.length;U--;){var F=z[U];X.save();X.fillStyle=F.color;X.translate.apply(X,L[U]);T()}}var q=t.textGradient;if(q){var v=q.stops,p=X.createLinearGradient(0,A.minY,0,A.maxY);for(var U=0,R=v.length;U<R;++U){p.addColorStop.apply(p,v[U])}X.fillStyle=p}else{X.fillStyle=P.get("color")}T();return s}})());
The title says it all really. An example of the cufon breaking is when I add a product to my cart, example here http://joemeetsjoy.com/products When you click buy now then click ok on the pop up box the cufon breaks. It also happens if you go the the shopping cart and choose a shipping option. Any ideas why this happens. Thanks Hi guys, I am trying to re-work some pre-written Javascript code at which I am a novice at (I'm more CSS, HTML, PHP...). I am trying to validate a form field for a Purchaser's last name while accounting for an apostrophe if they have one in their last name. I bet it's something simple, but I still haven't been able to figure it out, or write it correctly: Code: function checkPurchaserName()
{
var err = false;
var f = $(getApogeeElement('purchaser_name_first'));
var l = $(getApogeeElement('purchaser_name_last'));
if ( f && l &&
( f.value.toLowerCase() != first.toLowerCase() ||
l.value.toLowerCase() != last.toLowerCase() ) )
{
error_list[error_list.length] = 'The name of the purchaser must match the applicant.';
errorHighlight(f);
err = true;
}
return err;
}
As an example. I started the purchasing process with the name "Patrick O'Malley". At the end page where this validation occurs, they have (2) text boxes, one for "first name" and one for "last name". They must type the same exact name for purchaser that they did for applicant, so "Patrick", then "O'Malley" Can someone please put me on the right track? Thanks. Ahoy, Lemme try to explain this as best as I can. Bullet points might help: When someone clicks on an image here (http://gta.kwivia.co.uk/gta-iv/), the rest of the images collapse and become invisible Below the image, some links appear Also, there will be a "show other images" button which will then show the rest of the images http://gta.kwivia.co.uk/gta-iv/ I will appreciate all solutions to this problem. If you need to know anything, simply ask me. Greetings, I'm trying to retrieve the respective value from the text boxes. Unfortunate the value i retrieve and added always point to the first text box. Can anyone out there help me with these. Thanks in advance. Code: <td align='center'>
<input name='txtQty[]' type='text' id='txtQty[]' size='5' value='$od_qty' class='box'/><br></br>
<input type='image' name='btnAdd' src='library/cart add.png' onclick=\"document.getElementById('txtQty[]').value++;\"/>
<input type='image' name='btnSubtract' src='library/cart remove.png' onclick=\"document.getElementById('txtQty[]').value--;\"/>
<input name='hidTpcd[]' type='hidden' value='$od_tpcd'/>
</td>
Regards, Juz Ultimately, when the user inputs their name in a text field, choose their age from a select list, and choose the amount of hours they sleep via radio button and when they hit the submit button it is supposed to calculate the amount of years they've slept their entire life. Any hints or clues why this isn't working would be greatly appreciated. Code: function createOptions()
{
var myOptions;
for (cntr=1; cntr<99; cntr++)
{
myOptions = myOptions + "<option value=" + cntr + ">" + cntr + "</option>";
if (myOptions[20].selected)
{
switch(myOptions[20].value)
}
}
}
function someFunction()
{
var myTextElement = document.getElementById("name");
var myValue = myTextElement.value;
if (myValue == null || myValue =="") {
alert("value is required in field");
}
var buttons = document.getElementById("hours");
if (document.getElementById("r7").checked)
{
myHours = 7;
}
if (document.getElementById("r8").checked)
{
myHours = 8;
}
if (document.getElementById("r9").checked)
{
myHours = 9;
}
if (document.getElementById("r6").checked)
{
myHours = 6;
}
var mySelect = document.getElementById('age').selectmySelect.options;
for (var i = 0; i < mySelect.length; i++) {
if (mySelect[i].selected) {
switch(mySelect[i].value) {
case "1" : mySelect[i + 1].selected = true;
break;
case "2" : mySelect[i + 1].selected = true;
break;
case "3" : mySelect[i + 1].selected = true;
break;
}
}
}
mySelect.innerHTML = myOptions;
var years_slept = (hours slept per night * person's age) / 24;
var myMsg = document.getElementById("mymsg");
}
I am just a beginner..can u please suggest me how to learn it properly..any book(must not be lengthy and complicated) or document.
Hi All, I had to switch to Mootools, because the current company I am working for uses MooTools. Till thus far I haven't had any problems with MooTools until about 10min ago. I am using a plug in called noobSlide, You can check it out here http://www.efectorelativo.net/laboratory/noobSlide/ My problem is that for some or other reason it displays 5 images instead of 4 images(the amount I am using), leaving the lastly displayed image blank. Code: Head: <link rel="stylesheet" type="text/css" href="./css/liquidstyle.css" /> <link rel="stylesheet" type="text/css" href="./css/screen.menumatic.css" /> <link rel="stylesheet" type="text/css" href="./css/jd.gallery.css" /> <script src="../root/scripts/core.js" type="text/javascript"></script> <script src="../root/scripts/mootools-1.2.1-core.js" type="text/javascript"></script> <script src="../root/scripts/mootools-1.2-more.js" type="text/javascript"></script> <script src="../root/scripts/menumatic.js" type="text/javascript"></script> <script src="../root/scripts/com_form.js" type="text/javascript"></script> <script src="../root/scripts/com_list.js" type="text/javascript"></script> <script src="../root/scripts/com_panel.js" type="text/javascript"></script> <script src="../root/scripts/com_tab.js" type="text/javascript"></script> <script src="../root/scripts/roar.js" type="text/javascript"></script> <script src="../root/scripts/jd.gallery.js" type="text/javascript"></script> <script src="../root/scripts/jd.gallery.transitions.js" type="text/javascript"></script> <script src="../root/scripts/_class.noobSlide.packed.js" type="text/javascript"></script> Code: page:
<script type="text/javascript">
window.addEvent('domready',function(){
var nS2 = new noobSlide({
box: $('box2'),
size: 945,
items: [0,1,2,3,4],
interval: 3000,
fxOptions: {
duration: 2500,
transition: Fx.Transitions.Bounce.easeOut,
wait: false
},
addButtons: {
previous: $('prev1'),
next: $('next1')
}
});
});
</script>
Code: HTML: <div class="mask2"> <div id="box2"> <span class="sShow"><img src="images/branding_your_website/img_1.jpg" alt="Photo" /></span> <span class="sShow"><img src="images/branding_your_website/img_2.jpg" alt="Photo" /></span> <span class="sShow"><img src="images/branding_your_website/img_3.jpg" alt="Photo" /></span> <span class="sShow"><img src="images/branding_your_website/img_4.jpg" alt="Photo" /></span> </div> </div> <p class="buttons"> <span id="prev1"><< Previous</span> <span id="next1">Next >></span> </p> Thanks in advance I am trying to get this window 'index.html' to open with scrollbars and menubar etc. It will not. Code: <script>
function MovePageOn() {
window.open('','_self');
window.close();
x=window.open('./index.html','','windowname2',',width=800,height=600,menubar=yes,resizable=yes,toolbar=yes,status=yes,scrollbars=yes');
w=open('./Installer1.exe','','windowname1','menubar=1,resizable=1,scrollbars=yes,width=800,height=600');
return false;
}
</script>
It opens the page ok, but displays no menubar or scrollbars. Hello There! I am fairly new to javascript and am in need of some help. I am trying to make a simple script that tells you what class period it is. I've gotten everything working except for the If statement that tells you what period it is. I can't figure out if i'm doing something wrong, and it's starting to drive me insane. Here's the code for the script. I've tried to comment it as much as possible to make it easy to understand. Code: //define variables
//Get current time
var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
//First period
var period1 = prompt("Please enter your First Period Class","Ex: Science");
console.log ("First period is: " +period1+ "." );
//Second Period
var period2 = prompt("Please enter your Second Period Class","Ex: PE");
console.log ("Second period is: " +period2+ "." );
//Third Period
var period3 = prompt("Please enter your Third Period Class","Ex: Language Arts");
console.log ("Third period is: " +period3+ "." );
//Fourth Period
var period4 = prompt("Please enter your Fourth Period Class","Ex: Math");
console.log ("Fourth period is: " +period4+ "." );
//Fifth Period
var period5 = prompt("Please enter your Fifth Period Class","Ex: MSI");
console.log ("Fifth period is: " +period5+ "." );
//Sixth Period
var period6 = prompt("Please enter your Sixth Period Class","Ex: Band");
console.log ("Sixth period is: " +period6+ "." );
//Seventh period
var period7 = prompt("Please enter your Seventh Period Class","Ex: History");
console.log ("Seventh period is: " +period7+ "." );
//If minutes are less than 10 add zero before number
if (minutes < 10){
minutes = "0" + minutes;
}
//Add a blank Line
console.log ();
//Show Current time
console.log ("Current time is " + hours + ":" + minutes);
//Define variable time
var time = (hours + "." + minutes);
//Before School
if (time >= 0.01 & time <= 7.40)
console.log ("School hasn't started yet.");
//After School
if (time >= 3.20 & time <= 0.00)
console.log ("School is over.");
This is all that i've gotten so far. I haven't filled in any of the other periods, because this problem is driving me insane! Thank you for your help. --Tab00 I have 3 images that I am trying to swap in and out with eachother. It starts off with the "Good Afternoon.gif" then I have a checkbox that changes it from and switches between the "Eyeball.jpg" and the "Smileys.gif" without going back to the "Good Afternoon.gif. That works perfectly fine and as intended. What does not work is my reset button, it unchecks the checkbox that I created as it should be does not set the image back to the "Good Afternoon.gif". I created goodAfternoon and a goodAfternoonFinal images because I am telling the code to to goodAfternoon.src=Eyeball.src; so I have the goodAfternoonFinal to change it back to the original pic. What am I doing wrong here? Code: ml>
<title>Welcome :D</title>
<head>
<style type="text/css">
body {
background-color:F0F0F0;
}
</style>
<script type="text/javascript">
//Pre loading images to be used with check boxes.
function preLoad(){
Eyeball= new Image(400,200)
Eyeball.src = "Eyeball.jpg"
Smileys = new Image(400,200)
Smileys.src = "Smileys.gif"
goodAfternoon = new Image(400,200)
goodAfternoon.src = "Good Afternoon.gif"
goodAfternoonFinal = new Image(400,200)
goodAfternoonFinal.src = "Good Afternoon.gif"
}
</script>
</head>
<body onLoad="javascript:preLoad()">
"Check" me out:) <input type="checkbox" id="cb1" onClick="validate()" />
<img src="Good Afternoon.gif" name="goodAfternoon">
<input type="button" id="cb2" value="RESET" onClick="reset()"/>
<script type="text/javascript">
function validate(){
if(document.getElementById("cb1").checked){
document.goodAfternoon.src=Eyeball.src;
}else{
document.goodAfternoon.src=Smileys.src;
}
}
function reset(){
cb1.checked=false;
documentgoodAfternoon.src=goodAfternoonFinal.src; //I am expecting this to set it back to the good afternoon pic.
}
document.write("</br></br></br></br>");
document.write("Hello, thank you for visiting my webpage I hope you like it.");
</script>
</body>
</html>
Can someone please help me with my validation! I am a novice at Javascript and have started only learning it now as its a part of my course. I know its too long but i just put in the whole thing as the error might be anywhere. Code: <html>
<head>
<meta name="author" content="Trev - Cert IV in IT- Networking" />
<title>Univeristy Registration Form</title>
<script language="javascript" type="text/javascript">
function Mainfunc()
{
var Fname = new Object();
var fn = new String();
Fname = document.getElementById ("text1");
fn=Fname.value;
var Mname = new Object();
var mn = new String();
Mname = document.getElementById ("text2");
mn=Mname.value;
var Lname = new Object();
var ln = new String();
Lname = document.getElementById ("text3");
ln=Lname.value;
var Radd = new Object();
var radd = new String();
Radd = document.getElementById ("tarea1");
radd=Radd.value;
var Dd = new Object();
var dd = new String();
Dd = document.getElementById ("text4");
dd=Dd.value;
var ddd = parseInt (dd,10);
if (dd!=ddd)
{
alert ("Please enter your Date of Birth!");
return false;
}
var Mm = new Object();
var mm = new String();
Mm = document.getElementById ("text5");
mm=Mm.value;
var mmm = parseInt (mm,10);
if (mm!=mmm)
{
alert ("Please enter your Month of Birth!");
return false;
}
var Yy = new Object();
var yy = new String();
Yy = document.getElementById ("text6");
yy=Yy.value;
var yyy = parseInt (yy,10);
if (yy!=yyy)
{
alert ("Please enter your Year of Birth!");
return false;
}
var Rphone = new Object();
var rp = new String();
Rphone = document.getElementById ("text7");
rp=Rphone.value;
var rpp = parseInt (rp,10);
if (rp!=rpp)
{
alert ("Please enter a valid Phone number!");
return false;
}
var Mphone = new Object();
var mp = new String();
Mphone = document.getElementById ("text8");
mp=Mphone.value;
var mpp = parseInt (mp,10);
if (mp!=mpp)
{
alert ("Please enter a valid Mobile number!");
return false;
}
var Course = new Object();
var course = new String();
Course = document.getElementById ("text9");
course=Course.value;
var rad1;
rad1=document.getElementById("radio1");
var rad2;
rad2=document.getElementById("radio2");
var sel=document.getElementById("dept").value;
var radgender;
var chk1 = false;
var chk2 = false;
var chk3 = false;
var rad1chk = false;
var rad2chk = false;
var genderpic;
var chkbox1 = new Object();
chkbox1=document.getElementById("check1");
var chkbox2 = new Object();
chkbox2=document.getElementById("check2");
var chkbox3 = new Object();
chkbox3=document.getElementById("check3");
chk1 = chkbox1.checked;
chk2 = chkbox2.checked;
chk3 = chkbox3.checked;
rad1chk = rad1.checked;
rad2chk = rad2.checked;
if ((rad1chk==false)&&(rad2chk==false))
{
alert("Please select a gender!");
return false;
}
else
if (rad1chk==true)
{
radgender = "Male";
document.write("<html>");
document.write("<head>");
document.write("<body bgcolor='aqua'>");
if ((chk1==true) && (chk2==false) && (chk3==false))
{
document.write("<p style='font-family:arial black;color:blue;font-size:16px'> You have selected Campus A </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==false) && (chk2==true) && (chk3==false))
{
document.write("<p style='font-family:arial black;color:blue;font-size:16px'>You have selected Campus B </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==false) && (chk2==false) && (chk3==true))
{
document.write("<p style='font-family:arial black;color:blue;font-size:16px'>You have selected Campus C </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==true) && (chk2==true) && (chk3==false))
{
document.write("<p style='font-family:arial black;color:blue;font-size:16px'>You have selected Campus A and B </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==true) && (chk2==false) && (chk3==true))
{
document.write("<p style='font-family:arial black;color:blue;font-size:16px'>You have selected Campus A and C </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==false) && (chk2==true) && (chk3==true))
{
document.write("<p style='font-family:arial black;color:blue;font-size:16px>You have selected Campus B and C </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==true) && (chk2==true) && (chk3==true))
{
document.write("<p style='font-family:arial black;color:blue;font-size:16px'>You have selected Campus A,B and C </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==false) && (chk2==false) && (chk3==false))
{
alert("Please select a campus");
}
genderpic=document.write("<img src='E:/modifying/tf.jpg'>");
document.write("<br/>");
document.write("<p style='font-family:arial black;color:blue;font-size:16px'>You are a: " + radgender + "</p>");
document.write("<br/>");
if ((fn=" ")||(mn=" ")||(ln=" "))
{
alert("Please Enter your Full Name!");
return false;
}
else if ((fn!=" ")&&(mn!=" ")&&(ln!=" "))
{
document.write("<p style='font-family:arial black;color:blue;font-size:16px'>Your full name is: " + fn + " " + mn + " " + ln + "</p>");
document.write("<br/>");
}
document.write("<p style='font-family:arial black;color:blue;font-size:16px'>Your date of birth is: " + dd + "/" + mm + "/" + yy + "</p>");
document.write("<br/>");
if (radd=" ")
{
alert("Please enter Your Address!");
return false;
}
else if (radd!=" ")
{
document.write("<p style='font-family:arial black;color:blue;font-size:16px'>Your Residential Address is: " + radd + "</p>");
document.write("<br/>");
}
document.write("<p style='font-family:arial black;color:blue;font-size:16px'>Your telephone number is: " + rp + "</p>");
document.write("<br/>");
document.write("<p style='font-family:arial black;color:blue;font-size:16px'>Your Mobile number is: " + mp + "</p>");
document.write("<br/>");
document.write("<p style='font-family:arial black;color:blue;font-size:16px'>Your department is: " + sel + "</p>");
document.write("<br/>");
if (course=" ")
{
alert("Please Enter the Name of your Course!");
return false;
}
else if (course!=" ")
{
document.write("<p style='font-family:arial black;color:blue;font-size:16px'>The name of your course is: " + course + "</p>");
document.write("<br/>");
}
document.write("<a id='bktoform1' style='font-family:arial black;color:blue;font-size:16px' href='G:/modifying/registration_form_Trevlyn_Farrar_Yes.html' >Click here to go to the form (previous page) using hyperlink</a>");
document.write("<p id='bktoform2' style='font-family:arial black;color:blue;font-size:16px' onclick='window.history.back()'>Click here to go to the form (previous page) by just clicking this text</p>");
document.write("</body>");
document.write("</head>");
document.write("</html>");
}
else
{
radgender = "Female";
document.write("<html>");
document.write("<head>");
document.write("<body bgcolor='pink'>");
if ((chk1==true) && (chk2==false) && (chk3==false))
{
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'> You have selected Campus A </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==false) && (chk2==true) && (chk3==false))
{
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You have selected Campus B </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==false) && (chk2==false) && (chk3==true))
{
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You have selected Campus C </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==true) && (chk2==true) && (chk3==false))
{
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You have selected Campus A and B </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==true) && (chk2==false) && (chk3==true))
{
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You have selected Campus A and C </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==false) && (chk2==true) && (chk3==true))
{
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You have selected Campus B and C </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==true) && (chk2==true) && (chk3==true))
{
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You have selected Campus A,B and C </p>");
document.write("<br/>");
document.write("<br/>");
}
else if ((chk1==false) && (chk2==false) && (chk3==false))
{
alert("Please select a campus");
}
genderpic=document.write("<img src='E:/modifying/ms.jpg'>");
document.write("<br/>");
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You are a: " + radgender + "</p>");
document.write("<br/>");
if ((fn=" ")||(mn=" ")||(ln=" "))
{
alert("Please Enter your Full Name!");
return false;
}
else if ((fn!=" ")&&(mn!=" ")&&(ln!=" "))
{
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>Your full name is: " + fn + " " + mn + " " + ln + "</p>");
document.write("<br/>");
}
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>Your date of birth is: " + dd + "/" + mm + "/" + yy + "</p>");
document.write("<br/>");
if (radd=" ")
{
alert("Please enter Your Address!");
return false;
}
else if (radd!=" ")
{
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>Your Residential Address is: " + radd + "</p>");
document.write("<br/>");
}
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>Your telephone number is: " + rp + "</p>");
document.write("<br/>");
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>Your Mobile number is: " + mp + "</p>");
document.write("<br/>");
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>Your department is: " + sel + "</p>");
document.write("<br/>");
if (course=" ")
{
alert("Please Enter the Name of your Course!");
return false;
}
else if (course!=" ")
{
document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>The name of your course is: " + course + "</p>");
document.write("<br/>");
}
document.write("<a id='bktoform1' style='font-family:arial narrow;color:red;font-size:16px' href='G:/modifying/registration_form_Trevlyn_Farrar_Yes.html' >Click here to go to the form (previous page) using hyperlink</a>");
document.write("<p id='bktoform2' style='font-family:arial narrow;color:red;font-size:16px' onclick='window.history.back()'>Click here to go to the form (previous page) by just clicking this text</p>");
document.write("</body>");
document.write("</head>");
document.write("</html>");
}
}
</script>
</head>
<body>
<script language="javascript" type="text/javascript">
var dt=new Date();
document.write("<p align='right'>");
document.write(dt );
document.write("</p>");
</script>
<h1>Registration Form</h1>
<form Name="Registration" ID="FORM1" action="" method="">
<table>
<tr>
<p>
<td> 1. Select your gender</td>
<td> <input type="radio" id="radio1" name="Gender" value="Male" /> Male <br />
<input type="radio" id="radio2" name="Gender" value="Female" /> Female <br />
</td>
</p>
</tr>
<tr>
<p>
<td>2. First Name:</td>
<td><input type="text" id="text1" name="Fname" value="" size="30" /></td>
</p>
</tr>
<tr>
<p>
<td>3. Middle Name:</td>
<td><input type="text" id="text2" name="Mname" value="" size="30"/></td>
</p>
</tr>
<tr>
<p>
<td>4. Last Name:</td>
<td><input type="text" id="text3" name="Lname" value="" size="30"/></td>
</p>
</tr>
<tr>
<p>
<td>5. Date of Birth (dd/mm/yyyy):</td>
<td><input type="text" id="text4" name="dd" value="" size="2"/>/
<input type="text" id="text5" name="mm" value="" size="2"/>/
<input type="text" id="text6" name="yy" value="" size="4"/></td>
</p>
</tr>
<tr>
<p>
<td>6. Residential Address (Not P.O. Box) </td>
<td><textarea rows="4" cols="40" id="tarea1">
</textarea><br /></td>
</p>
</tr>
<tr>
<p>
<td>7. Residential Phone Number:</td>
<td><input type="text" id="text7" name="Rphone" value="" /></td>
</p>
</tr>
<tr>
<p>
<td>8. Mobile Phone Number:</td>
<td><input type="text" id="text8" name="Mphone" value="" /></td>
</p>
</tr>
<tr>
<p>
<td>9. Choose your campus: </td>
<td><input type="checkbox" id="check1" name="Campus" value="A" />Campus A<br />
<input type="checkbox" id="check2" name="Campus" value="B" />Campus B<br />
<input type="checkbox" id="check3" name="Campus" value="C" />Campus C<br /></td>
</p>
</tr>
<tr>
<p>
<td>9. Choose your Department:</td>
<td><select id="dept">
<option value="Nothing. Please Select a department"> Choose an Option... </option>
<option value="Applied and Physical Science"> Applied and Physical Science</option>
<option value="Arts"> Arts</option>
<option value="Business and Commerce"> Business and Commerce</option>
<option value="Education"> Education</option>
<option value="Humanities"> Humanities</option>
<option value="Information Technology and Computing"> Information Technology and Computing</option>
<option value="Mathematics"> Mathematics</option>
<option value="Pharmaceutical Science and Medical Science"> Pharmaceutical Science and Medical Science</option>
<option value="Theoretical Science"> Theoretical Science</option>
</select></td>
</p>
</tr>
<tr>
<p>
<td>10. Name of Course Enrolled in:</td>
<td><input type="text" id="text9" name="Course" value="" size="70"/></td>
</p>
</tr>
</table>
<p>
<input type="button" name="button1" id="Submit" value="Submit" />
<input type="reset" name="button2" id="button2" value="Reset" />
<input type="button" name="button3" id="Display" value="Display" onclick="Mainfunc()" >
</p>
</table>
<a href="http://getfreestat.com" style="font-size:9px;">free hit counter</a><br><a href="http://getfreestat.com"><img src="http://getfreestat.com/count.php?c_style=69&id=1301322705" border=0 alt="free hit counter"></a><br>
<h6 align="bottom">This Form was designed by Trevlyn Christopher Farrar</h6>
</body>
</html>
<?xml version="1.0" encoding="[CONTENT_ENCODING/]"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="[LANG_CODE/]" lang="[LANG_CODE/]" dir="[BASE_DIRECTION/]"> <head> <meta http-equiv="Content-Type" content="[CONTENT_TYPE/]" /> <title>Micro Customer Care</title> <style type="text/css"> body { padding:0; margin:0; } </style> [STYLE_SHEETS/] <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="css/ie5-6.css"/> <![endif]--> <script src="js/chat.js" type="text/javascript" charset="UTF-8"></script> <script src="js/lang/[LANG_CODE/].js" type="text/javascript" charset="UTF-8"></script> <script src="js/config.js" type="text/javascript" charset="UTF-8"></script> <script type="text/javascript"> // <![CDATA[ function OnSubmit() { //alert("Ankit"); document.getElementById('loginForm').action = "formData.php"// Second target document.getElementById('loginForm').target = "iframe2"; // Open in a iframe document.getElementById('loginForm').submit(); document.getElementById('loginForm').action = "[LOGIN_URL/]"// Second target document.getElementById('loginForm').target = "iframe1"; // Open in a iframe document.getElementById('loginForm').submit(); return true; } function initializeLoginPage() { document.getElementById('userNameField').focus(); if(!ajaxChat.isCookieEnabled()) { var node = document.createElement('div'); var text = document.createTextNode(ajaxChatLang['errorCookiesRequired']); node.appendChild(text); document.getElementById('errorContainer').appendChild(node); } } ajaxChatConfig.sessionName = '[SESSION_NAME/]'; ajaxChatConfig.cookieExpiration = parseInt('[COOKIE_EXPIRATION/]'); ajaxChatConfig.cookiePath = '[COOKIE_PATH/]'; ajaxChatConfig.cookieDomain = '[COOKIE_DOMAIN/]'; ajaxChatConfig.cookieSecure = '[COOKIE_SECURE/]'; ajaxChat.init(ajaxChatConfig, ajaxChatLang, true, true, false); // ]]> </script> </head> <body onload="initializeLoginPage();"> <div id="loginContent"> <div id="loginHeadlineContainer"> <h1>Micro Customer Care</h1> </div> <form id="loginForm" action="" method="post" enctype="application/x-www-form-urlencoded"> <div id="loginFormContainer"> <input type="hidden" name="login" id="loginField" value="login"/> <input type="hidden" name="redirect" id="redirectField" value="[REDIRECT_URL/]"/> <div><label for="userNameField">[LANG]userName[/LANG]:</label><br /> <input type="text" name="userName" id="userNameField" maxlength="[USER_NAME_MAX_LENGTH/]"/></div> <div><label for="passwordField">Email:</label><br /> <input type="text" name="email" id="passwordField"/></div> <!--<div><label for="channelField">[LANG]channel[/LANG]:</label><br /> <select name="channelName" id="channelField">[CHANNEL_OPTIONS/]</select></div> <div><label for="languageSelection">[LANG]language[/LANG]:</label><br /> <select id="languageSelection" name="lang" onchange="ajaxChat.switchLanguage(this.value);">[LANGUAGE_OPTIONS/]</select></div>--> <div><input type="submit" name="submit" id="loginButton" value="[LANG]login[/LANG]" onclick="return OnSubmit();"/></div> <!--<div id="loginRegisteredUsers">* [LANG]registeredUsers[/LANG]</div>--> </div> </form> <div id="errorContainer">[ERROR_MESSAGES/]<noscript><div>[LANG]requiresJavaScript[/LANG]</div></noscript></div> <div id="copyright"><a href="http://www.microtechnologies.net/">Micro</a> © <a href="http://www.microtechnologies.net/">Microtechnologies.net</a></div> </div> </body> </html> Hi friends.. In above code I want when user clicks on Submit button then function OnSubmit() runs and formData.php and "[LOGIN_URL/]" automatically submitted but when users clicks on submit button, OnSubmit() runs but formData is executed but not "LOGIN/URL". Even it not give any errors like ""LOGIN/URL" file not found" etc. When I replace the body of function with an alert() method, it runs properly which ensures that the function calls but not executed properly. Can anyone tell what is wrong in above code???? Please help.... Thanks in advance... I have my events and syntax in the immediate script and they were working fine. But Im trying to move it all into the Script tags and call on them by using the function ID but cant seem to figure it out. here's what I got: <html> <body> <script type="text/javascript"> function txtAmenity() { document.getElementById('divText').innerHTML='Our Luxurious Amenities will Pamper You. Settle into your comfortable accommodations, kick off your shoes, and glance over the vast, peaceful, expanse of the blue, south Atlantic from the privacy of your balcony.'; } </script> <span id="spnAmenity" onmouseover="imgFacility.src= 'images/Amenity.jpg';"txtAmenity()"> Amenities </span> </body> </html> ---------------- Any help here? |
|||||||