|
JavaScript - Using Curvycorners Javascript But Doesn't Seem To Be Working...
hi guys and girls,
i'm cheating slightly here and using a combination of css3 and curvycorners.js to give rounded corners to some of my containers. The CSS3 is working fine on the relevant browsers such as FF and safari etc... However the javascript doesn't seem to be functional for IE6 :s I followed the instructions from the following site: http://woork.blogspot.com/2009/08/cs...y-browser.html So i've downloaded "curvycorners.js" and uploaded it. However, as you can see, if you test this page in IE6: http://www.pswebdesigns.co.uk/acaTrader/index.html The rounded corners do not show. You may see one set of rounded corners (the gradient box) ... this is just an image though. I've supplied the page so you can view the source & code there. However if you prefer I can place it here on request. thanks in advance for any help. Similar TutorialsThis one has me stumped, it seems that no matter what i do the indicator needle in this web app just won't move. The odd thing is, i'm able to verify that the function for the setTimeout is being called, but when i try to write some data to the TextArea, or even do a simple alert, ...that data is not written, nor is an alertbox activated. ...just for those wondering, this is a JavaScript implementation of the Micro Pk test (bell curve - obviously) from the RetroPk experiments website. Code: <html>
<head>
<script type="text/javascript">
var Status = "Start";
//calculate the Z-score
var Direction = "Left";
var Sound = 0;
var Zero = 0; //Reset the 1s and 0s Sum variables
var One = 0;
var RngNumbers = 10; //Number of Random Numbers to generate
var zScore;
var IndicatorPos;
var Stop = 0;
function Start()
{
alert("starting");
while (Stop != 0)
{
IndicatorPos = parseInt(document.getElementById("Indicator").style.left);
var tick = setTimeout(CheckRNG(), 1000);
}
}
function CheckRNG()
{
document.getElementById("debug").value = "starting loop" + "\n";
for (var zCounter = 1; zCounter <= RngNumbers; zCounter++) //Generate a series of random numbers and Add the number of 1s and 0s
{
var RngNumber = Math.round(Math.random() * 1);
if (RngNumber == 1) //Count the number of 0s
{
Zero = Zero + 1;
}
else
{
One = One + 1; //Count the number of 1s
}
}
var OldScore = zScore;
var Mean = RngNumbers * (1 / 2); //Calculate the statistical mean of the Random number sum
var StandardDeviation = Math.sqrt(Mean / 2); //Calculate the standard deviation of the RNG stream
alert("hi");
document.getElementById("debug").value = StandardDeviation;
if (Direction == "Left") //If the direction for Hits is "Left" then calculate z-score for 1's
{
zScore = (One - Mean) / StandardDeviation;
}
if (Direction == "Right") //If the direction for Hits is "Right" then calculate z-score for 0's
{
zScore = (Zero - Mean) / StandardDeviation;
}
//Swap the previous and current z-score variables
if (zScore > OldScore)
{
document.getElementById("Indicator").style.left = IndicatorPos + 1 + "px";
if (Sound == 1)
{
//playwave SoundFile$, async //If the sound is turned on, and there is forward progress
} //play the default indication sound
}
if (zScore < OldScore)
{
document.getElementById("Indicator").style.left = IndicatorPos - 1 + "px";
if (Sound == 1)
{
//playwave SoundFile$, async //If the sound is turned on, and there is forward progress
} //play the default indication sound
}
}
</script>
</head>
<body>
<div style="position: absolute; top: 0px; left: 0px">
<img id="BGimage" src="BellCurve.png" style="position: relative; top: 0px; left: 0px;">
<div id="Indicator" style="background: red; position: absolute; top: 0px; left: 393px; width: 1px; height: 302px;"></div>
</div>
<div style="position: relative;">
<input type="button" value="Start" onClick="Start();">
<input type="button" value="Stop" onClick="javascript:Stop++;">
</div>
<textarea id="debug" cols=10 rows=10 style="position: relative;"></textarea>
</body>
</html>
Here is a .js file to hack ie6,but it doesn't work when i put it out of the .html file.It can woking only in the .html file. It's fine in the .html file. Below: Code: <html>
<head>
<script type="text/javascript">
sfHover =function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
</head>
<body>
......
......
</body>
</html>
It's not working if external .js file.below: Code: <script type="text/javascript" src="suckerfish.js"></script> note：I haven't added the <script type="text/javascript">...<script> code to the .js file. any help will be good. Hi! I'm new to JavaScript and I've done some small adjustments to my clients site, but it won't show properly in IE (the shadowbox js at least.). I thought js was accepted in all newer browsers. Do you have a quick fix or idea on why it doesn't work? You can view source on my site, I use mootools, and shadowbox/corners and rightclick blocker. Is it generally a 'bad thing' to use js in webpages I want everyone to view in the same way? I tried the same effects with CSS but it's not supported in the same way corss-browser, unfortunately. The 'no selection' CSS class I have on the site is also not accepted in IE. It's very annoying! http://santinacrolla.ihaarr.com/p thank you in advance! Hi, I've posted a previous thread where the code I had wasn't running. I copied that into the head section and it worked. I'd like to know why it doesn't work in the javascript.js file. Thank you very much. It can be found right he http://arkdesigns.ca/AttilaKomaromiJavaCalculator.htm I have javascript enabled on my browsers but it still doesn't work. I see the calculator but pushing the buttons does nothing Any help is appreciated My code is: 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Javascript Calculator</title>
<style>
<!-- CSS STYLES GO HERE -->
.container {
width:500px;
height:500px;
}
.equ {
width:99%;
height:20px;
font-size:20px;
text-align:right;
margin-bottom:15px;
}
table {
border:1px solid black;
padding:5px;
width:100%;
}
table td {
margin:3px;
text-align:center;
width:20%;
}
.buttons {
width:100%;
height:50px;
font-size:15px;
}
</style>
<script type="text/javascript" src="javascript.js">
</script>
</head>
<body>
<div class="container">
<table cellspacing="0">
<tr>
<td colspan="5"><input class="equ" type="input" disabled="disabled" id="equation" value="0"/><input type="hidden" id="previousType" value="-1"/></td>
</tr>
<tr>
<td><input class="buttons" type="button" name="sin" value="sin" onclick="solve ('sin')" /></td>
<td><input class="buttons" type="button" name="cos" value="cos" onclick="solve ('cos')" /></td>
<td><input class="buttons" type="button" name="tan" value="tan" onclick="solve('tan')" /></td>
<td><input class="buttons" type="button" name="sqrt" value="√" onclick="solve('sqrt')" /></td>
</tr>
<tr>
<td><input class="buttons" type="button" name="back" value="←" onclick="remove ();"/></td>
<td colspan="2"><input class="buttons" type="button" name="erase" value="C" onclick="clear_equation ();" /></td>
<td><input class="buttons" type="button" name="divide" value="/" onclick="equation (this.value, 1)"/></td>
</tr>
<tr>
<td><input class="buttons" type="button" name="seven" value="7" onclick="equation (this.value, 2)"/></td>
<td><input class="buttons" type="button" name="eight" value="8" onclick="equation (this.value, 2)"/></td>
<td><input class="buttons" type="button" name="nine" value="9" onclick="equation (this.value, 2)"/></td>
<td><input class="buttons" type="button" name="multiple" value="*" onclick="equation (this.value, 1)"/></td>
</tr>
<tr>
<td><input class="buttons" type="button" name="four" value="4" onclick="equation (this.value, 2)"/></td>
<td><input class="buttons" type="button" name="five" value="5" onclick="equation (this.value, 2)"/></td>
<td><input class="buttons" type="button" name="six" value="6" onclick="equation (this.value, 2)"/></td>
<td><input class="buttons" type="button" name="subtract" value="-" onclick="equation (this.value, 1)"/></td>
</tr>
<tr>
<td><input class="buttons" type="button" name="one" value="1" onclick="equation (this.value, 2)"/></td>
<td><input class="buttons" type="button" name="two" value="2" onclick="equation (this.value, 2)"/></td>
<td><input class="buttons" type="button" name="three" value="3" onclick="equation (this.value, 2)"/></td>
<td><input class="buttons" type="button" name="plus" value="+" onclick="equation (this.value, 1)"/></td>
</tr>
<tr>
<td colspan="2"><input class="buttons" type="button" name="zero" value="0" onclick="equation (this.value, 2)"/></td>
<td><input class="buttons" type="button" name="decimal" value="." onclick="equation (this.value, 3)"/></td>
<td><input class="buttons" type="button" name="equal" value="=" onclick="solve ('');"/></td>
</tr>
</table>
</div>
</body>
</html>
Hi, I am trying to run multiple videos in the JW player by clicking on different links.Its working fine in chrome and firefox, But it doesn't play viseos in IE. Kindly suggest me ...Thanks in advance..Here is the code. <script type="text/javascript"> function start(){ return playVideo("mediaspace","mediawindow"); } function playVideo(sourceId, targetId) { if (typeof(sourceId)=='string') {sourceId=document.getElementById(sourceId);} if (typeof(targetId)=='string') {targetId=document.getElementById(targetId);} targetId.innerHTML=sourceId.innerHTML; return false;} </script> <body onload="start()"> <div id="mediawindow"></div> <div id="mediaspace" class="fltrt" style="display:none"> <script type='text/javascript' > var so = new SWFObject('player.swf','mpl','360','295','9'); so.addParam('allowfullscreen','true'); so.addParam('allowscriptaccess','always'); so.addParam('wmode','opaque'); so.addVariable('playlistfile','IIA2010.xml'); so.addVariable('stretching','fill'); so.addVariable('autostart','true'); so.addVariable('repeat','list'); so.addVariable('skin','stormtrooper.zip'); so.write('mediaspace');</script></div> <p><a href="#" onclick='return playVideo("mediaspace","mediawindow")'>Play all</a><br /> <a href="#" onclick='return playVideo("welcome","mediawindow")'>MC Linda Clark welcomes guests</a><br /></p> You can also have a look on the webpage. Its working well in FF and chrome. you can test it there. http://www.internetindustryawards.co.nz/2010.html Its really urgent... I hope I have this post in the right place! Any help would be very much appreciated... I have a feature on my website that allows users to choose the website background (using alternate css sheets) and then uses an externally linked javascript file to store the background choice as a cookie so it is consistent throughout the website. This works perfectly locally (i.e. when previewing my website on my computer) but now it is uploaded to my host it doesn't appear to be working. (with the same browser) My javascript is he http://www. b r p - e n v .com/javascript/backgroundchange.js (with no spaces) The website that the javascript file is linked to is http://www. b r p - e n v .com (with no spaces) In the head I have: <script type="text/javascript" src="../javascript/backgroundchange.js"></script> ...then I have: <body onload="set_style_from_cookie()"> ...and for users to choose which background: <form> <input type="image" src="../images/white-background-thumb.jpg" onclick="switch_style('bg1');return false;" name="theme" value="White" id="bg1"> etc... </form> My problem is: The background reverts back to the default when moving to a different page. This would indicate that the background choice is not being saved in cookies. But this works locally! I have tried putting the javascript directly onto each page but I still had the same problem. I hope someone can help, I will be so grateful if I can get this to work. Many thanks indeed! i need help with this code why isnt it redirecting me to my other webpage heres the code
Code: <form name="loginform">
<label>User name</label>
<input type="text" name="usr" placeholder="username">
<label>Password</label>
<input type="password" name="pword" placeholder="password">
<input type="submit" value="Login" onSubmit="validateForm();" />
</form>
<script>
function validateForm() {
var un = document.loginform.usr.value;
var pw = document.loginform.pword.value;
var username = "username";
var password = "password";
if ((un == username) && (pw == password)) {
window.location = "main.html";
return false;
}
else {
alert ("Login was unsuccessful, please check your username and password");
}
}
</script>
Hi every one, i'm new in this forum and also quite new in coding i wrote some code to login and register with php, also using some function with javascript, everything worked fine also with chrome, but suddenly, without change of any code, chrome doesn't activate js functions while FF and IE do activate them. can anyone suggest what could be the reason? ---Edit: as suddenly as it stopped, now it working again. chrome works in mysterious ways... FF, Safari, Opera all execute this javascript code to refresh the page properly, but in IE version 8.0.6001.18904 the page doesn't seem to refresh on click of orange_refresh button. I have checked out a different version of IE8, don't recall exact version, but it did seem to work fine in that one, whatever version it was probably the latest now that I think of it. Check out code below any sug.'s could be helpful, though its probably a bug.. Code: <a href="javascript:document.location.reload();" onmouseover="window.status='Refresh'; return true" onmouseout="window.status='Page Refreshed'"><img src="image/orange_refresh.png" width="30" height="30" border="0" /></a> I'm new to the forum. So hi everyone. The code below works fine on IE and FF but not on Google Chrome. Can someone tell me where I'm doing wrong? Thank you for your answers in advance. Im really looking forward much to hearing from you. You can preview the below code by pasting it to Frontpage, Dreamweaver and etc. Quote: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/JavaScript"> <!-- function show(id) { if (document.getElementById(id).style.display == 'none') { document.getElementById(id).style.display = ''; } } //--> <!-- function hide(id) { document.getElementById(id).style.display = 'none'; } //--> </script> </head> <body> <div> <div> <table cellspacing="1" cols="3" border="0"> <tbody> <td><a onfocus="hide('tblB');hide('tblC');show('tblA');" href="#">A</a> <td><a onfocus="hide('tblA');hide('tblC');show('tblB');" href="#">B</a> <td><a onfocus="hide('tblB');hide('tblA');show('tblC');" href="#">C</a> </td> </tr> </tbody> </table> </div> <div> <table id="tblA" style="DISPLAY: none" cols="1" cellpadding="2"> <tbody> <tr valign="top" align="left"> <td> You select A, table tblA is shown </td> </tr> </tbody> </table> </div> <div> <table id="tblB" style="DISPLAY: none" cols="1" cellpadding="2"> <tbody> <tr valign="top" align="left"> <td> You select B, table tblB is shown </td> </tr> </tbody> </table> </div> <div> <table id="tblC" style="DISPLAY: none" cols="1" cellpadding="2"> <tbody> <tr valign="top" align="left"> <td> You select C, table tblC is shown </td> </tr> </tbody> </table> </div> </div> </body> </html> hereis the html file and javascripton click of this button a html ***************************** <table class=matcolor id=topnav cellspacing=0 cellpadding=0 width=550 border=0 bgcolor="#FFCCCC"> <tbody> <tr align=middle> <td id=menu1 onMouseOver="this.className='mPrimaryOn';showmenu(this);" onClick="this.document.location.href=''" onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20"> <div align="center"><font color="#FF0000">Desk Top Publishing </font></div> </td> <td width=1 bgcolor=#ff9900 class="mat"></td> <td id=menu2 onMouseOver="this.className='mPrimaryOn';showmenu(this);" onClick="this.document.location.href=''" onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20"> <div align="center"><font color="#FF0000">Transcription</font></div> </td> <td width=1 bgcolor=#ff9900 class="mat"></td> <td id=menu3 onMouseOver="this.className='mPrimaryOn';showmenu(this);" onClick="this.document.location.href=''" onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20"> <div align="center"><font color="#FF0000">Accounts Processing </font></div> </td> </tr> </tbody> </table> ***************************************** <script language=JavaScript> ix = document.getElementById('tblmenu1').getBoundingClientRect(); new ypSlideOutMenu("menu1", "right",ix.left + ix.right ,ix.bottom + 10); </script> **any thing i have to alter to work in firefox please help Voting button on the poll in the left column works fine if you take the sharethis javascripts out. Why won't they work together though? <script type="text/javascript" src="http://www.claimsheaven.co.uk/polls/admin/script.js"></script> <script type="text/javascript">var switchTo5x=true;</script> <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> <script type="text/javascript" src="http://s.sharethis.com/loader.js"></script> e.g. on this page: http://www.claimsheaven.co.uk/news/20120305.php I have a website at: http://www.zionism101.org/defaultfornow.aspx The page works on Google Chrome, Mozilla Firefox, and IE-9. It sort-of works on IE-8, however, the problem is that on IE-8, there is about 2 seconds where everything is shown on top of everything else in a mess. This is bad. The website is unusual in that it uses a menu to slide screens from right to left. This has implications. For instance, I need the menu to appear on all screens, so I use absolute positioning, and then use javascript to calculate the center position. The same goes for a logo image. And on top of that, some screens (which are really DIVs) have items positioned by absolute and relative positioning within them, and those positions are often calculated via javascript (and then set). On IE-8, the result is not good. I think what is happening is that the browser first shows everything as it appears before javascript is run, and then slowly the javascript is run, which puts everything in the correct position. So initially, not only is everything in the wrong position, but different DIVs appear on top of each other. I could tell every user to get IE-9 or chrome, but thats not a good solution. Thanks, Gid P.S. one solution might be to make the screen go black for an instant, until everything has settled down. If thats the only solution, how would I do that? P.P.S. there are actually 3 pages in the site: the login page, the logout page, and the founders page. Everytime the user switches between them, the jumble for 2 seconds occurs. Hi there, I hope I post this in the right section. I'm trying to do a redirect using the below code: <script type="text/javascript"> window.location.href = "http://google.com" </script> FF and IE work as they should. Chrome doesn't. The request above to http://google.com, gets a 'canceled' status in Chrome browser > Development tools > "Network". I've tried several other functions: location.href = url location.replace(url) document.location = url location.assign(url) window.open(url, '_self') Same code pasted within a local html file works fine. Below is the redirect request that it's canceled by chrome: http://pastebin.com/hD36M1RG Any clues? Thanks Hi, I'm faced with a problem trying to set background color under IE7. I have the following Javascript: Code: function showLayer793BKColor(id)
{
var txtObj = document.all(id);
if (txtObj.style.display == 'none')
{
txtObj.style.display = ''
txtObj.style.backgroundColor = 'grey';
}
}
function hideLayer793BKColor(id)
{
var txtObj = document.all(id);
if ( txtObj.style.backgroundColor == 'grey' )
txtObj.style.display = 'none';
}
These functions are used to show or hide div blocks. These blocks are, for example, specified in the following way: Code: <div id="l_gct5tekst" style="display:none"> <b>GCT 5. Eerste verkenning problematiek</b> and, for example, Code: <div id="l_Keuze" style="display:none"> <br/> <b>GCT 5</b> <br/> </div> The whole configuration works smoothly when using IE8. However, when using IE7 I get an error msg like "Invalid value for property". When I use the Color propert iso the BackgroundColor property I get no error anymore but of course I don't have a background color anymore then. In what way can I specify the use of a background color under IE7 ? Or is just not possible in one way or the other. Furthermore, what more differences between JS under IE7 and IE8 do I have to take into account ? Do I also have to rewrite my div block in some way (using some attribs ?) to cope with IE7 ? Thanks in advance, Diederick van Elst I write javascript for image slide show. Code:
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [380, 469], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
<?php $q2 = mysql_query("select * from home_flash");
$i = 0;
while($res = mysql_fetch_array($q2))
{
$image[$i] = $res[1];
$text[$i] = $res[2];
$str = "['images/fla/".$image[$i]."','','','".$text[$i]."'],";
echo $str;
$i++;
} ?>
//<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: ""
})
In IE I got an error Quote: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; InfoPath.2) Timestamp: Sat, 20 Mar 2010 06:22:10 UTC Message: 'imagearray[...].0' is null or not an object Line: 37 Char: 3 Code: 0 If you have solution for thi, then please help with it! Thanks for your precious time. Cheers!! Hello, I have a website that has some javascript on it, this works fine in Chrome, Opera, Safari and Firefox but not IE (any version I've tried). I've installed Firebug to try to help debug it but that doesn't pick up any issues. I'm not very good when it comes to javascript so would appreciate any assistance. The page with the javascript is he http://www.fantasy-f1-league.com/team3.php You will need to login, please use these details: user: test pw: test The javascript is supposed to update the "Remaining Budget" as you choose options from the dropdowns, it also does a few other things such as prevents submission of invalid team selections. Thanks for any assistance. David |
|||||||