I have some attributes that aren't really standard attributes:
e.g.
<option additional="34">Deep Purple</option>
That "additional" attribute is an attribute that I use with Jquery to add an additional price to the item.How many browsers will work with custom attributes like that? Or will I have to use a standard attribute (Note: if I use Value it overwrites the value inside of the option).
Let's say i defined my own attribute, called "counter".
<div id="myid" counter="2">test</div>
I know I can read this value trough:
document.getElementById('myid').getAttribute('counter');
But is it possible to add the counter attribute to javascripts known attributes, so I could access it like:
document.getElementById('myid').counter;
I sometime find it useful to add my own attribute to a HTML tag so that my javascript can access those elements.
For instance, new_attribute in the following anchor tag:
<a href="#" class="someclass" new_attribute="some_value">Click Me</a>
When trying to validate this page, however, it doesn't pass. Some of the below questions likely do not make sense, but I hope you get the idea what I am looking for:Is what I am doing bad practice?Is there another way to allow javascript to specifically select just some elements and not others? Should I instead apply multiple classes to the element, and use some of the classes not to modify appearance, but to allow just them to be selected?If using custom attributes, should they somehow be defined so they pass validation?
how I can get my custom attributes to validate in XHTML Strict? I have to have it validate as it is for a class.Example of the form:
HTML Code:
input onkeyup="TF_filterTable(document.getElementById('dataTable'), filter)" size="40" tf_colkey="name"tf_searchtype="substring" />
Example of the JS:
Code:
var inputs = frm.getElementsByTagName("INPUT");
for (var i=0;i<inputs.length;i++)
{ //looping thru all INPUT elements[code].........
Apart from the normal way of writing attributes, like:
Code:
<script src="myscript.js" type="text/javascript"></script>
numeric quotes are also specified in the HTML 4 spec, which look like:
[Code]...
I am using Tablesorter to work with a simple table, but have comeacross an interesting difference in how it works between browsers.One of my columns looks like this:
Row 1
img src="http://dssweb/apdashboard/images/Green.png"
class="client_status" title="1. UAT testing Sept 09"
[code]....
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'm trying to get sounds to play on image mouseovers using dreamweaver
8, and I found out that the code it generates to do this only works
for IE. Is there a way to do this so that it will work with most of
the popular browsers? I don't care if it can be done with dreamweaver
or if I have to hand code or copy code from somewhere, I just want it
to work.
Here is what DW creates:
function MM_controlSound(x, _sndObj, sndFile) { //v3.0
var i, method = "", sndObj = eval(_sndObj);
if (sndObj != null) {
if (navigator.appName == 'Netscape') method = "play";
else {
if (window.MM_WMP == null) {
window.MM_WMP = false;
for(i in sndObj) if (i == "ActiveMovie") {
window.MM_WMP = true; break;
} }
if (window.MM_WMP) method = "play";
else if (sndObj.FileName) method = "run";
} }
if (method) eval(_sndObj+"."+method+"()");
else window.location = sndFile;
}
I am having some problems with some JS code that does not work cross browsers
Here is my code
Code:
CSS
Code:
JS
Code:
Is there such a thing as a dropdown menu that works in all browsers? (or at least all the commonly used ones)... Is JavaScript a good way to go? and if yes, are there any precoded templates available that are fairly straightforward to integrate and adapt for dropdowns?
View 4 Replies View RelatedI have a problem with jquery not working in JSP. I have downloaded a theme in jquery but it does not seem to work. And I do not know what is the problem why it does not seem to work. I am very new to jquery and JEE. I am actually rushing this project as the deadline is very near.
this is my jsp code: (the markup is from the demo of the theme I downloaded in jquery theme roller since I meant to see how it would look first before implementing) code...
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?
After using and altering a javascript random image generator code from the web, I've got it doing exactly what I wanted...but only on the mac.The page is supposed to display 5 random images next to each other.Mac Opera shows 3 of 5 images.IE 8 on the PC does the same as Mac Opera, displaying images from gallery[0], gallery[2] and gallery[4].
Between the gallery[0] and gallery[2] images, the page displays: pickImageFrom(1);
Between the gallery[2] and gallery[4] images, the page displays: pickImageFrom(3);[code].....
I am having difficulty getting the cursor to turn into a magnifier in both Mozilla and Webkit browsers. In the js file, I have this line
Code:
cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image which works fine with Firefox, however if I do this, neither of them work.
Code:
cursorcss: 'url(magnify.cur), -webkit-zoom-in, -moz-zoom-in',
I can only get one or the other to work, not both at the same time.I also tried adding this into the html file
Code:
<script type="text/javascript">
$("img").css('cursor', function() {
if (jQuery.browser.mozilla) {
[code]....
but that did not work with either of the browsers.
I have the following function that display a list depending on the drop down option the user selects but doesnt not work on explorer it works on other browsers but on exploere i get the following error code...
View 10 Replies View RelatedI have this line in an XHTML form:
Code:
<input type="reset" name="cancel" value="Cancel"
onclick="javascript:window.location.href('/index.php');" />
In IE5.5 clicking the cancel button loads the index.php page fine.
In Firefox 1.0 & also the version of IE running on my IPAQ it doesn't work - clicking the button doesn't do anything.
Anyone have any ideas or alternative solutions?
I thought maybe I was using an IE only thing but it is a version of IE on the IPAQ. I thought maybe it was not standards compliant but I haven't found anyone having a similar problem.
Any idea or advice?
TIA, BG.
PS Ignore that I am using a reset button to do this - I have also tried it in the body tag like this:
Code:
<body onload="javascript:alert('Login Successfull!
You are logged into my app');window.location.href('/myapp/index.php');">
First, We 've a course registeration Web app that was developed in .NET/javascript.
In brief, the students login, then the available courses is drawn to him (as DIVs) to select courses then apply registeration.
Of course , the dynamic part of selecting/highliting courses is done in javascript as a clientside Javascript.
The problem that this app was developed with no x-browser compatibility in mind (e.g firefox and chrome). it works fine on IE , ofcourse doesn't work properly on Mozilla browsers.
Now, i want to modify it to be mozilla compatible , i spent time inspecting it (functions and classes, "yes the developer made a javascript classes") .
Is there a tool or something that porting to mozilla ?
I need to get the selection position by js and make sure that this code work for all the browsers.
For example, the user selected this text (red text is selected):
Hello world
The function should return to me array or two values wich they are: 3,9 (start and end position of the selection)
I'm trying to make a customCycletransition. I want the slide to scroll left or right and simultaneously fade in or out to be revealed or disappear. To handle both directions in one transition I'm basing it on the built-in scrollHorz transition, which looks like
this:$.fn.cycle.transitions.scrollHorz = function($cont, $slides, opts) {
$cont.css('overflow','hidden').width();
opts.before.push(function(curr, next, opts, fwd) {
[code]....
This makes the slide that slides out fade as expected, but the slide that slides in doesn't fade. It is suddenly made visible before sliding in. So it ignores the opacity that I set on line 9.
I have added a method on jQuery validator like this
$.validator.addMethod('myEqual', function (value, element) {
return value == element.value; // this one here didn't work :(
}, 'Please enter a greater year!');
$.metadata.setType("attr", "validate");
[Code].....
i had this written for my wifes ebay store a while back but after moving the images to our own hosting, the script doesnt work it just crashes our shop front?
ps. i do have three other images that were present on the site that were somehow referenced but there is no mention of them in the below code (footer.jpg | gallerylisting.jpg | navhead.jpg) i think its something to do with this first line but dont know how to decode it.[code]......
Here's my issue, hoping someone can help. I have a page with 5 roundabouts on it showing pictures depending on a button click. Buttons would look like:
DOGS CATS BIRDS FISH REPTILES
So if you click Dogs, I want it to hide the roundabout for Cats, Birds, Fish, and Reptiles but show Dogs. This works perfectly in FF, Chrome, IE8, IE7, but if I view in compatibility mode or with an IE6/7 browser, all 5 roundabouts show and even if I hit the buttons, which fire the show/hide code, nothing gets hidden. Here's some code, I'm hoping someone has a tip on where I am going wrong in getting this simple show/hide of a div.
[Code]...
I recently made a simple tool that opens a website in an iFrame and tells the user how long the page took to load. I made it out of a premade stopwatch
When i run the test in most browsers (Chrome, Firefox 3.6 and older, IE) it works fine with the output textbox going from "Please run the test" to "Test Running" to [TIME TAKEN FOR PAGE TO LOAD] but in firefox 3.7 (Minefield) it goes from "Please run the test" to "0" every time and the page in the iFrame doesn't load.
I've read that Firefox 3.7 has a new Javascript Engine
The test is at [URL] and the problem code is on THIS PAGE (Use View Source in your browser)
I created a custom validation like this <script type="text/javascript">
[Code]...
Why this code is not working on Webkit browsers:
Only jquery and the plugin printed above are loaded, so there shouldn't be any conflicts.
HTML:
Chrome gives the following error: Uncaught TypeError: Object #<an Object> has no method 'followUser
how about getting the attributes of the a tag? href and title and the innerhtml (actually the innerhtml has space on both ends)
View 4 Replies View Related