|
JavaScript - Turn A Website Upside Down?
Hey,
Is there any javascript that i can insert in my website pages, that will turn it upside down? Similar Tutorialsif it fails (does not find the string)? I thought it gave out the value 'null' or some such, but apparently not. Basically I want a function to execute, but only if replace will work. I need to do this as concisely as possible... Is there a simple way to do this? Otherwise is there an 'include' function or something I could use to check for a string in a value and make it's existence the premise on which an if statement works? Thanks in advance, sorry if this was incoherent... late nights and all. All, Does anyone have any examples or links of some free Javascript code that will turn the pages of your website when you click the mouse and drag the "page"? Thanks in advance for any ideas! I have scripting that currently disables a C.O.D. option in a dropdown and disables a coupon code input box depending on login pulled from a cookie. I would like to use/modify this script to also disable a "free shipping" option depending on login with a condition of the cart subtotal (if ss_subtotal <= 199...) . I have all of the variables but cannot figure out the syntax to implement the modification. Here is the current script that disables the C.O.D. option and coupon box: Code: <script type="text/javascript">
var LexiConn = {
regCustomer: false,
reg_cookie: /.*ss_reg_.*/,
regGroup: null,
restrictedCustomerGroups: /^wholesale$/,
restrictedPaymentGroups: /^wholesale$/,
restrictedPaymentOption: /^C\.O\.D\. $/,
getCookie: function(){
if (document.cookie.length>0){
var ck = document.cookie.split(';');
for(n=0; n<ck.length; n++){
var ck_name = ck[n].split(',');
if(LexiConn.reg_cookie.test(ck_name)){
reg_ck_s = ck_name[0].split('=');
reg_ck_value = reg_ck_s[1];
var reg_ck = reg_ck_value.split('|');
if(reg_ck[2]=='yes'){
LexiConn.regCustomer = true;
}
LexiConn.regGroup = reg_ck[1];
}
}
}
},
restrictCouponBox: function(){
document.order.coupon_code.parentNode.style.display = 'none';
},
enableCouponBox: function(){
document.order.coupon_code.parentNode.style.display = 'block';
},
disableCOD: function(){
var paytype = document.getElementById('selPaytype');
var payopt = paytype.options;
var option_count = payopt.length - 1;
for(n=option_count; n>0; n--){
if(LexiConn.restrictedPaymentOption.test(paytype[n].innerHTML)){
paytype.removeChild(payopt[n]);
}
}
},
restrictCouponReg: function(values){
LexiConn.getCookie();
if(LexiConn.regCustomer==true){
if(LexiConn.restrictedCustomerGroups.test(LexiConn.regGroup)){
LexiConn.restrictCouponBox();
} else{
LexiConn.enableCouponBox();
}
if(!LexiConn.restrictedPaymentGroups.test(LexiConn.regGroup)){
LexiConn.enableCOD();
}
} else{
LexiConn.enableCouponBox();
LexiConn.disableCOD();
}
}
}
</script>
Here is the attempted modification: Code: <script type="text/javascript">
var LexiConn = {
regCustomer: false,
reg_cookie: /.*ss_reg_.*/,
regGroup: null,
restrictedCustomerGroups: /^wholesale$/,
restrictedPaymentGroups: /^wholesale$/,
restrictedPaymentOption: /^C\.O\.D\. $/,
restrictedShippingOption: /^ss_free$/,
getCookie: function(){
if (document.cookie.length>0){
var ck = document.cookie.split(';');
for(n=0; n<ck.length; n++){
var ck_name = ck[n].split(',');
if(LexiConn.reg_cookie.test(ck_name)){
reg_ck_s = ck_name[0].split('=');
reg_ck_value = reg_ck_s[1];
var reg_ck = reg_ck_value.split('|');
if(reg_ck[2]=='yes'){
LexiConn.regCustomer = true;
}
LexiConn.regGroup = reg_ck[1];
}
}
}
},
restrictCouponBox: function(){
document.order.coupon_code.parentNode.style.display = 'none';
},
enableCouponBox: function(){
document.order.coupon_code.parentNode.style.display = 'block';
},
disableFreeShipping: function(){
var ship = document.getElementByName("shipping");
var shipopt = ship.options;
var option_counter = shipopt.length - 1;
for(n=option_counter; n>0; n--){
if(LexiConn.restrictedShippingOption.test(ship[n].innerHTML)){
shipping.removeChild(shipopt[n]);
}
}
},
disableCOD: function(){
var paytype = document.getElementById('selPaytype');
var payopt = paytype.options;
var option_count = payopt.length - 1;
for(n=option_count; n>0; n--){
if(LexiConn.restrictedPaymentOption.test(paytype[n].innerHTML)){
paytype.removeChild(payopt[n]);
}
}
},
restrictCouponReg: function(values){
int shippingtotal = 199;
LexiConn.getCookie();
if(LexiConn.regCustomer==true){
if(LexiConn.restrictedCustomerGroups.test(LexiConn.regGroup)){
if ('ss_subtotal' <= 'shippingtotal'){
LexiConn.disableFreeShipping();
LexiConn.restrictCouponBox();
}
else{
LexiConn.restrictCouponBox();
}
}
else{
LexiConn.enableCouponBox();
}
if(!LexiConn.restrictedPaymentGroups.test(LexiConn.regGroup)){
LexiConn.enableCOD();
if ('ss_subtotal' <= 'shippingtotal'){
LexiConn.disableFreeShipping();
}
}
}
else{
LexiConn.enableCouponBox();
LexiConn.disableCOD();
}
}
</script>
If the source code is needed i can post a shortened version of it. Any help would be greatly appreciated. Hi, Is there any JavaScript object/ function that can turn an image 90 degrees ? Thank you for your help ! Im creating a portfolio site for myself that my have gotten a little too ambitious but I'd still like to make this work. My main site loads a video demo reel using the new <video> tag and to make it look cooler has an "ambilight" television effect around it. For usability and for users that find it annoying or distracting I want a toggle to turn the effect off. I have my checkbox created as well as all the effects working for it. Here is a piece of the main code as well as a link to the ambilight.js file Code: <label name="ambilightToggle">
<input type="checkbox" name="toggle"/>
<div class="toggle-switch">
<div class="handle"></div>
<div class="track">
<span>OFF</span><span>ON</span>
</div>
</div>
</label>
</div>
</div>
<div id="main" class="clearfix">
<div id="video-edge">
<img id="ribbon" width="112" height="112" alt="Demo Reel Ribbon" src="img/ribbon-demoreel.png">
<div id="video-wrap" class="video-js-box moo-css">
<video id="example" class="video-js" width="720" height="405" controls preload poster="posters/poster_demoreel2010.png">
<source src="video/demoreel2010.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="video/demereel2010.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="video/demoreel2010.ogv" type='video/ogg; codecs="theora, vorbis"' />
</video>
</div>
</div>
<script type="text/javascript">
ambiLight.create(document.getElementById('example'))
</script>
Portfolio Page http://www.eschulist.com/test/js/ambilight.js I was able to make the ambilight effect go away using this, but it only works for a second as the video continues to play and the new lights are redrawn. Code: <script type="text/javascript">
$(document).ready(function(){
$(this).click(function(){
$('canvas.ambilight-left, canvas.ambilight-right').addClass('goAway');
});
});
</script>
Any other ideas on what to do? If the click function works I should be able to have it check the checkboxes state and have it persist. Maybe? I am using the below script on http://bubbles4urtroubles.com. Because I made the bubbles larger than the ones used in the original script, the horizontal scroll bar displays some of the time, then turns off. Is there any way to just not have the horizontal scroll bar? Also, how would I set the zindex so the bubbles are always in front of everything else. Thank you in advance. //Bubble Script by Lisa (issa@lissaexplains.com, http://lissaexplains.com) //Based on code by Altan d.o.o. (snow@altan.hr) //For full source code and installation instructions to this script, visit http://www.dynamicdrive.com var no = 15; // image number or falling rate var speed = 2; // the lower the number the faster the image moves var snow = new Array(); snow[0] = "bubble.png" snow[1] = "bubble2.png" snow[2] = "bubble3.png" var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 600, doc_height = 1024; if (ns4up||ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); j = 0; for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>"); } } else if (ie4up||ns6up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>"); } } if (j == (snow.length-1)) { j = 0; } else { j += 1; } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] -= sty[i]; if (yp[i] < -50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = doc_height; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]+pageYOffset; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE_NS6() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] -= sty[i]; if (yp[i] < -50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = doc_height; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = ns6up?window.innerWidth-5:document.body.clientWidth; doc_height = ns6up?window.innerHeight-5:document.body.clientHeight; } dx[i] += stx[i]; if (ie4up){ document.all["dot"+i].style.pixelTop = yp[i]+document.body.scrollTop; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } else if (ns6up){ document.getElementById("dot"+i).style.top=yp[i]+pageYOffset+'px'; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+'px'; } } setTimeout("snowIE_NS6()", speed); } if (ns4up) { snowNS(); } else if (ie4up||ns6up) { snowIE_NS6(); } // End --> </script> Here is my website... www.thepriceoflust.com You need to log into my website as a user... User Name is: supramaniac Password is: lakeella On the top bar you can click on the chat tab... Enter into one of the chat rooms... As you will see the chat room window turns into like its own web browser and displays a copy of my index page... The chat rooms used to do that before and someone fixed it and said that my permissions were wrong on my installation folder. I don't know if that is right or not. Why would it go back to doing the same thing. Anyway does anybody know how to fix this issue?
Hello all, Firstly apologies for my javascript ignorance - I'm not a programmer, just someone thrust into programming since there's no-one else at my company who can do it. I found a nice js script online for a drop-down menu where the drop downs both expand to their full size and fade-in (very quickly) from transparent. The script in action can be seen on the script writer's site he http://sandbox.leigeber.com/dropdown-menu/index.html and the script is: Code: var menu=function(){
var t=15,z=50,s=6,a;
function dd(n){this.n=n; this.h=[]; this.c=[]}
dd.prototype.init=function(p,c){
a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;
for(i;i<l;i++){
var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
h.onmouseover=new Function(this.n+'.st('+i+',true)');
h.onmouseout=new Function(this.n+'.st('+i+')');
}
}
dd.prototype.st=function(x,f){
var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[0];
clearInterval(c.t); c.style.overflow='hidden';
if(f){
p.className+=' '+a;
if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height=0}
if(c.mh==c.offsetHeight){c.style.overflow='visible'}
else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c,1)},t)}
}else{p.className=p.className.replace(a,''); c.t=setInterval(function(){sl(c,-1)},t)}
}
function sl(c,f){
var h=c.offsetHeight;
if((h<=0&&f!=1)||(h>=c.mh&&f==1)){
if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}
clearInterval(c.t); return
}
var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';
c.style.height=h+(d*f)+'px'
}
return{dd:dd}
}();
with Code: var menu=new menu.dd("menu");
menu.init("menu","menuhover");
used on my html page to call the script. I'm using the script exactly as written and exactly as it is on the dude's demo page for it. However, some of my sub-menu items are wider than their parent items and in IE7 this means they are bound to the width of the parent until the animations have finished, and then pop-out to their full width (NB not an issue in FF3). I'm actually not too fussed about either the fade in or expand out effects (they'd be nice, but not at the expense of the IE7 bug) so I simply wanted to know what I should do to the script to turn off the effects, or make them instant - ie reduce the length of the effect to as short as possible. I understand I can get rid of the bug by specifying a width for the ul element in my css, but I'd rather not do that if I can help it. I'd appreciate anyone's insight on this. Thanks Tom ok i need a bit of advice.. I have a webpage and i want to put a section of another website on to my own website.. The Section i want to put on my website is on this page www.bebo.com/thegaadiscos and i only want to put the section with the comments on it... What i want is a bit like the face book section of this website http://www.alexandraburkeofficial.com/ How would this be done does anyone know.. I know how to edit the CSS, and minute parts of the JavaScript code (for example; speed of the drop). The problem is, I had a massive amount of help making the Javascript side of the menu, and do not know how to edit it... I want the rules to still apply, where only one can be expanded at a time (one of the first drops, and then only one of the sub-drops). I noticed in the code, I can edit it so there can be more than one drop, but that would mean, the whole menu could be expanded Also, I want my sub-drops. to have different span colour than the main drop. but trhe links and such, (everything else about it) can be the same.... My live demo is here! Thank you for any help and/or advice in advance, Best Regards, Tim I'm building a new website and I need to know where I can get a decent search engine script, a small commenting section and an easy to do login system. Thanks Hey all, I'm a total newbie in the JavaScript programming field, so please bear with me if I ask any ridiculously simple questions I am trying to make a study site for my university study group. What I'm trying to do is this: For a search term (say "Differential Equations"), find all pages in Wikipedia that match this term. Then, download all pages to local drive so that I and my friends can go over it later offline... (our study group does not have uninterrupted access to the internet). I tried this simple JavaScript code to get the searches: <html> <head> <script type="text/javascript"> function getpages() { var frm = document.getElementById("GetPages"); frm.submit(); } window.onload = getpages; </script> </head> <body> <center> <FORM method=GET action="http://www.google.com/search" name = "GetPages" id="GetPages"> <TABLE bgcolor="#FFFFFF"><tr><td> <INPUT TYPE=text name=q size=31 maxlength=255 value="site:wikipedia.org/ differential equations"> <INPUT TYPE=hidden name=hl value="en"> </td></tr></TABLE> </FORM> </center> </body> </html> It gives me the expected results. However, I'm not sure how to download the pages that the search returns. Also, Google returns only 10 search results per page by default - it would be nice to work around both these problems. http://www.hellowallet.com The blue tabbed navigation that fills the page. Is that a jquery plugin or..? Hi guys, I want to add a big pic to my website for background, and the pic can change size with the displayer size. Can JavaScript do it? This is my website code. How can i make it? Thanks you! 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" dir="ltr" lang="en">
<head>
<title>Buy Cheap Jordans|Air Jordans Retro|Air force ones|Nike Dunks|gucci bags,bags wholesale</title>
<link rel="icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="nike air jordan shoes, zoom kobe shoes, nike dunk sb shoes, brand handbag" />
<meta name="description" content="Buy Cheap wholsale nike air jordan shoes, nike kobe shoes, dunk sb shoes, lv handbag, gucci shirts,online shop" />
<meta http-equiv="imagetoolbar" content="no" />
<base href="http://example.com/" />
<link rel="stylesheet" type="text/css" href="http://example.com/includes/templates/nike/css/stylesheet.css" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="http://example.com/includes/templates/nike/css/stylesheet_ie6.css" /><![endif]-->
<script type="text/javascript" src="includes/templates/template_default/jscript/jscript_imagehover.js"></script>
<script type="text/javascript" src="includes/templates/template_default/jscript/jscript_index.js"></script>
</head>
<body id="indexHomeBody">
<div id="mainWrapper">
<script type="text/javascript">
function help_display_block(id){
if(document.getElementById(id).style.display=='block'){
document.getElementById(id).style.display='none';
}else{
document.getElementById(id).style.display='block';
}
}
function help_display_none(id){
document.getElementById(id).style.display='none';
}
</script>
<div style="position:relative;">
<div onclick="help_display_block('help_d')" style="position: absolute; width:236px; height:35px;left:744px;top:70px;+top:66px;_top:68px "><img src="images/livetop.gif"/></div>
<div id="help_d" style="position: absolute; width:236px; height:174px;left:744px;top:103px; +top:102px;background:url(images/livechatbg.gif) no-repeat left top; padding:10px; display:none;"><br />
<div style=" padding-left:10px;" > <A href="msnim:chat?contact=cheapshoesbag@aol.com" target=blank><img src="images/chat.gif" width="194" height="61" /></A><br />
<br />
<div style="padding-bottom:5px; font-weight:bolder"> E_mail:</div>
<a href="mailto:cheapshoesbag@aol.com">cheapshoesbag@aol.com</a>
<div style="padding-bottom:5px; font-weight:bolder"> MSN:</div>
cheapshoesbag@hotmail.com</div>
<div class="live_close" style="float:right; padding-right:20px" onclick="help_display_none('help_d')" ><img src="images/close.gif"/></div>
</div>
</div>
<div id='key_wholesale'>
Welcome! <a href="http://example.com/index.php?main_page=login">Log In</a> or <a href="http://example.com/index.php?main_page=create_account">Register</a>
<!-- AddThis Button BEGIN -->
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</div>
<!--bof-header logo and navigation display-->
<div class="wrap"> <a href="http://example.com/" id="hohologo" title="Welcome to our site!"> </a>
<div>
<h1 id="top_ueserinfo">nike air jordan shoes, zoom kobe shoes!</h1>
<div id="toptab">
<ul>
<li><a href="http://example.com/index.php?main_page=account" id="myAccount" class="hide" rel=nofollow><span>My Account</span></a>
<!--[if lte IE 6]>
<a href="#" id="myAccount"><span>My Account</span>
<table><tr><td>
<![endif]-->
I'm new to wordpress, I've just made a website and I want to make small modification: I want to remove the buttons in red. I thought it was CSS. But I've discovered that JS can't be overwritten by CSS so here I am. In firebug, I can see this: element.style { display: block; } When I change it to "display: none" buttons do disappear but I don't know in which file to find this sentence. A JS file is attached as txt. Can anybody give me a hand? This is the site: http://franciscourrea.com/sitio/ buttons by panchoskywalker, on Flickr I HAVE CHANGED THE LOCATION
I have a website and I am looking at putting a few quality games on it. I was thinking an online poker game, rpg, and a few others... I want a gooed mix of games put again I am not a gaming website. The main feature that I am trying to get is that when a customer of the site plays the games I would like them to earn credits. The customer at the end of the month with the most credits will receive a cash prize. Also maybe we could have a leaderboard or something too so that other customers can see that it is actually legit. If you have any resources thath you can think of or you know of something fairly close to what I am talking about please let me know.
I am building a website and on my homepage there is a small section where I want recent blogs to be posted. Of course I want a page for blogging also. Can anyone help me on how to do this? Thanks Hey guys, I am new here, I have studied XHTML and CSS and will be studying JS next but I am now finishing up my very first site but need a script for a regular "form", can anyone tell me where i might be able to get such a script for free if possible please? The form in question is a simple "Mailing List" form with 6 entries, any help/links/leads will be appreciated.
Hello. I finished building my website yesterday, but apparently it has a trojan on it. I don't understand how this could happen because I also have the website on godaddy and when I viewed that link- there was never a trojan. Right now were hosting the server on www.doteasy.com I do have an idea though, I think it might be because of a javascript I have on there in the index page - because I put it on so I could have a picture slideshow. Here are the two links to the site, if anyone would like to shed some light on this for me. Thanks. Here are the two websites: (both the same but different hosting companies) The one from doteasy.com has the trojan.... Doteasy.com: http://www.wmorinjr.com/Baba/index.html Godaddy.com: http://www.webdesignsbyapw.com/wayne/index.html |
|||||||