I have implemented a feature that works in firefox and opera, but doesn't work in IE -- it is the css opacity setting.I am overlaying translucent divs over a jpg image. Do I need to use javascript to fix this for IE ?
View 7 RepliesIn order to design a custom select element look in my site, I was messing with the css and opacity value to fade the actual select box and put a background image in a div right above the select element. The functionality of the select box is preserved no matter if opacity is set to 0, so I was able to accomkplish my goal.But, that worked for every other browser around except IE6.Is there a please someone there that encountered this problem and possibly knows some kind of workaround?
View 2 Replies View RelatedI use mootol dropdown menu, The script works ok in ie6,7,8 and FF.
But when I add properties
Code CSS:
filter:alpha(opacity=80);opacity:.80;
to the CSS, the script fails to work in all ie version.
here is the link: [URL]
The following code adjusts the opacity of an image which were dynamically loaded. It works on all browsers except for IE6.However, jQuery did apply inline styles "FILTER: alpha (opacity=30); ZOOM: 1" on the image. It just doesn't work.
View 2 Replies View RelatedI'm experimenting with jQuery plugins. I have this code to fade in a "lightbox":
$('#cleverbox')
.css({ opacity:0, visibility:'visible' })
.animate( {opacity:1}, 2000 );
It works fine on Firefox and Chrome, but in IE (7 and 8) and Opera the element just appears rather than being faded in. I've seen a few solutions posted online but have yet to find a solution that works.I have an example page if that helps. I'm also having a few other problems: In Internet Explorer (7 and 8), the first thumbnail never displays the lightbox (the onload event never fires). But the others work fine. In IE7, the code to fix the ClearType bug doesn't work. $(this).css( 'opacity', '' ) should remove the opacity style (in this case, the 'filter' property) but it doesn't remove it. I also tried to remove the filter property. In IE's dev tools it still has style="filter: ;"
In Opera, it never runs after it has loaded once. In other words, if an image is in the browser cache the onload event never fires.
The following code adjusts the opacity of an image which were dynamically loaded. It works on all browsers except for IE6. Is there a workaround?
<!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">
[code]....
My problem is quite annoying, probably something really stupid but I've been going around it and didn't find a solution.I call in 2 different pages to this partial view:
<div
id
=
"pNotification"
[Code].....
The funny thing about it is that in the first page I try it, it works just fine and it shows the value of the 3 buttons, but in the second, with the code I'm posting it only shows the alert window when I click on the 3rd radio button below. How is that even possible? It only happens in IE.
if a try this bit of code when dynamically creating a div - whole page fails - no action
<
g:javascript>
$(function () {alert ("page loaded");[code]....
I have some simple code to have one div bounce around inside another. It works fine on Firefox and IE, but for some reason in Opera and Chrome it only moves left to right.
This suggests that Chrome and Opera allow you to dynamically set style.left but not style.top. This seems odd to me.
why this won't run as intended on Chrome or Opera?
Here's a very simplified version of my code to demonstrate the problem:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
[Code]....
this will not work on change. also the innerhtml wont display. please help. here is the js:
function checkemail(){
if (document.suform.email.value && document.suform.emailcheck.value)
{
if (document.suform.email.value == document.suform.emailcheck.value)
[code]...
and here is the html:
Re-type Email: <input type='text' class='rfield' name='emailcheck' id='emailcheck' onchange='checkemail()'></td><td style='position: relative;'><div id='wm' style=' font-size: 11PX; position: relative;'></div>
I'm setting position left to 100% and it works except in Chrome/safari. These browsers set it about 100px from the left not 100%obj.css('left', '100%');Setting the css by itself <img src="" style="left:100%;position:absolute" works fine.I don't know if this is a browser problem or a jquery problem.
View 1 Replies View Related<script language="JavaScript">
<!-- Begin
var msg="I am flashing!";
var speed=300;
var visible=0;
function Flash() {
if (visible = 0) {
window.status=msg;
visible=1;
} else {
window.status=" ";
visible=0;:confused:
}
setTimeout('Flash()', speed);
}
// End -->
</script>
I'm faced with a problem trying to set background color under IE7. I have the following Javascript:
function showLayer793BKColor(id)
{
var txtObj = document.all(id);
[code]....
function ajaxFunction4(){
document.getElementById('ajaxDiv4').innerHTML='uploading...'
var ajaxRequest; // The variable that makes Ajax possible!
[code]....
I cant get to know how can i make a dynamic box work with sql!i found this code online which takes in the values from database and puts it in combo box one,once a field in combo box one is selected the related field will be displayed in combo box two.its like country and state combo box but from sql database. it does not load from database the field for combo box one.
View 2 Replies View RelatedI have html code:
<div id="dropdown" class="rMenu">
<ul id="middlemenu" class="rMenu-hor rMenu">
<li><a href="page.html">Page</a></li>
[code]....
I have a webpage with addition questions for numeracy training. I am storing the sums in a table(id="sums"), with an empty textbox(id=ans1) for the user to type the answer. After the user types an answer and moves onto the next Q, I want to activate a popup dispaying if the answer is correct or not. I am tackling this with onmouseout. The script checks the answer, then displays a confirm message if correct or and alert message if wrong. The onmouseout is not working
Code:
input type="text" name="ans1" size="1" maxlength="2" id="ans1" onmouseout="checkAns1();"
Code:
function checkAns1(){
if(document.sums.ans1.value==(document.sums.Q1R1.value + document.sums.Q1R2.value)){
var confirm("correct");
[code]....
I must have a syntax error, because this function crashes the entire script (even the other functions).
function newNote()
{
allNotes = document.getElementById('notes-stickies-app').innerHTML;
secondadder = 1;
[code]...
EDIT: to get to the stickies part, click the apple menu, and click stickies. you'll see how the stickies wont drag because this script that adds new stickies has a problem.
I'm working on implementing an unobtrusive javascript where I use code instead of an HTML hook to call a function.
Old way: <input type="text" name="username" onBlur="javascript:function();" />
Now I have changed it to:
window.onload = function()
{
if(document.getElementById("username"))
{
var usernameInput = document.getElementById("username");
usernameInput.onblur = checkUsername('username','ajaxResponse');
}
}
which is placed in the body section of the page. Anyhow, my problem is that it works fine, but only once, right as the page loads. I have tried removing window.onload, but then it doesn't work at all. How can I get this to work every time I blur from the text field?
Why wont my for loop work it wont alert the var images1....
<script type="text/javascript">
for(i=1;i<6;i++){
images[i] = "no"+i+".jpg";
[code]...
I cant make this work here is what I have in my logged_in.php file .
<html
See example at: [URL]. I want the thumbnails in 2 columns, not 1. Here is the javascript:
Code:
function ImgColumn() {
var str = '';
for (var i=0; i<imgArray.length; i++) {
str += '<div onMouseOver="Enlarge('+i+')">';
my_pic = 'mypic'+i;
// my_src = imgArray[i][0];// not used here
str += '<IMG id="'+my_pic+'" SRC="'+imgArray[i][0]+'" value="'+i+'"';
str += ' alt="'+imgArray[i][1]+'" BORDER="0" HEIGHT="70" WIDTH="70"><IMG SRC="images/spacer.gif" BORDER="0" HEIGHT="1" WIDTH="10"><br>';
str += '</div>';
} return str; }
And the HTML:
Code:
<table width="200" height="400" border="0" cellpadding="0" cellspacing="0">
<tr> <td><script type="text/javascript">
document.write(ImgColumn());
</script>
</td>
</tr>
</table>
This seems like a total beginner thing, but I don't know why it isn't working. I'm working from examples from a sitepoint pdf. Here's my html:
Code:
<body>
<h1 id="stupid">sdfasd</h1>
<p>sdjfa</p>
[code]....
When I run an if statement, I'll get an alert letting me know that the value of target is null, but why is it null? It should contain a reference to the h1 node.
How do I make a save button work?
View 11 Replies View Relatedhow to make the following code work for both IE and Mozilla?
function AddRow()
{
if (navigator.appName=="Microsoft Internet Explorer")
[code]...
//the following javascript function is saved in another .js file which is then called from the main php file when the above button is clicked. It works fine with Mozilla and Chrome.
function AddRow()
{
var morerow=document.getElementById("tbl")
[code]...
Also, why are you mixing DOM standard with innerHTML?
I'm having trouble with a bit of code to make a paragraph of text change colour every second to a new, random colour:
Here's the script's function:
<script type="text/javascript">
function change()
{
re="rgb("+Math.round(Math.random()*256)+","+
Math.round(Math.random()*256)+","+Math.round(Math.random()*256)+")"
text.style.color=re;
}
setInterval(change,1000);
</script>
Then you create the text you want to change colour in a paragraph with
id "text":
<p id="text"> Here is where you type your text. </p>
This works beautifully in IE and Opera, but does absolutely nothing in
Mozilla-based browsers. Can I do anything to this script to make it
work in Mozilla browsers?