Making Sortable Table On Website (Compatible With All Browsers)
May 11, 2010
I am using the following code to make a sortable table on my website. I got the code from [URL] (I admit it is not my code but it suits my needs well). Since I know most people do not what to click on links to random sites, this is the code I am using :
HTML Code:
<HEAD> <script LANGUAGE="Javascript"> <!-- This script and many more are available free online at --> <!-- The Javascript Source!! [URL] --> <!-- Begin function setDataType(cValue) { // THIS FUNCTION CONVERTS DATES AND NUMBERS FOR PROPER ARRAY // SORTING WHEN IN THE SORT FUNCTION var isDate = new Date(cValue); if (isDate == "NaN") { if (isNaN(cValue)) { // THE VALUE IS A STRING, MAKE ALL CHARACTERS IN // STRING UPPER CASE TO ASSURE PROPER A-Z SORT cValue = cValue.toUpperCase(); return cValue; } .....
For some reason the code only works for IE, is there an easy way to get this code to work for other browsers such as Firefox or safari?
View 3 Replies
ADVERTISEMENT
Jul 23, 2005
I have this code here that reads in a javascript file and increases or
decreases font by its relative size (same thing as View, Text Size,
Large, small, etc.) I am developing this for Transport Canada and I
need some help. Here is my code. I need it to be compatible with IE,
Mozilla, Netscape and Opera. Most versions of these browsers has to be
compatible. If you could help me out the least bit would greatful.
Here's the code:
View 3 Replies
View Related
Dec 22, 2009
I have a marquee tag on my page that slides in some text from right to left once and the stops and remains on the screen. Have a look at the website although it is still being worked on [URL] As you can see it works just fine in IE but goes nuts in firefox. Any javascript to replace the marquee tag so it works exactly the same and is also cross browser compatible.
View 4 Replies
View Related
Jul 13, 2011
I'm about to give up with this one. I know this is possible in IE. In fact, I think this is the only thing IE does properly.Here is the working code for IE that should work in other browsers (Firefox,Chrome...) but doesn't.
document.body.onkeydown = function(event) {
e = event || window.event;
if(e.keyCode==13) {
[code]....
View 1 Replies
View Related
Aug 6, 2010
I am developing a website using HTML, CSS and JavaScript. Actually, I used Javascript a lot in that website and I am developing it in Internet Explorer Environment but I want to display it on the Firefox or Google Chrome but the problem is some of javascript codes do not work in these browsers. So what Should I do?
I think I need to define the javascript for the different browsers, so how can I do that?
View 10 Replies
View Related
Nov 23, 2010
I have a jquery function for loading links from my navigation on the left to the content div on the right. I also have a function for applying a class called active to that anchor link's list item parent. I later found that going through other included files in the template that there was already a function for adding that class in one of the included files (js/titanium.js) however when I take off my add class function it doesn't apply it. I thought the function from the titanium.js file would apply it but it doesn't. I have all the included javascript files included in the head of my page but for some reason it's still not using what's inside them I guess.
Another issue is that in the template file there is a jquery sortable function for any table, also included in another javascript file, and I'm not sure why its not working with my tables to make them sortable? [URL]
View 1 Replies
View Related
Feb 2, 2006
I'm trying to create a table that has a fixed header but the table contents can be scrolled and also sorted by column headings.I'm already using sortable.js (http://www.surfmind.com/musings/2003/12/01/) library to sort the columns.I can find examples where I can scroll the table with fixed headers, but most of these use a dual table approach, with sortable.js, I think only one table is required. I've found examples how to scroll within a table element using autoflow and scrolling using CSS that I can't follow (I'm new to all of this).How can I get the contents to flow with a single table? Forgive me if it's too easy. If you can help me with a solution, you can ridicule me 'til the cows come home...I'm ok with that. Here is the basic table I have layed out.
<table id="viewKeysetTable" class="sortable">
<tbody>
<tr>
[code]....
View 13 Replies
View Related
Dec 4, 2011
We have one website [URL] it will open in only IE not in any other browsers. When it will open in other browsers it will shows source code. I have to make changes in it so that it will open in all the browsers.
View 18 Replies
View Related
Jun 2, 2006
I think I can make a good interesting list of postings under this subject header, 'All browsers are cool but IE.'
Anyway, the following code will show a table with an input box labeled, 'name', on all browsers (Gecko, KHTML, Opera) except IE. Is there anybody ever hit on this issue before?
View 6 Replies
View Related
Nov 4, 2009
found a script here that allows for sortable tables in HTML, and for the most part, it works great. But with my date field, it either sorts alphabetically (Aug->Sept), or, if I change Names to Numbers (Jan=1, Feb=2, etc) the sort order becomes 1, 10, 2, 3, 4, 5, 6, 7, 8, 9 (I only have Jan-Oct dates). I think I have to tell my script to interpret my numbered dates as text, but like I said I'm new to JS and wouldn't know where to begin. Javascript [URL]
Javascript Document
/**
*
* Sortable HTML table
[Code]....
View 2 Replies
View Related
Aug 18, 2011
I've currently working on making a calender for my website. How do I go about creating a password for it? So that the admin can add events to it.
View 2 Replies
View Related
Nov 20, 2010
I have built a basic website that contains an iframe in the middle, called "iframe1". In this iframe I wish to load an external message board from proboards.com. In my code I can easily do this by making a button or hyper-link with the href="http:proboards.com/myforums" and the target="iframe1".When I do this it will load inside of it the iframe jsut as I want it to. However, my the problem is when you click on the button to login its coded to target "_top" and it opens on the entire page replacing the whole website. If i run firebug (a real time HTML editor). I can easily locate and change the link code to target="iframe1". But How can I write a script in javascript in my webpage code to do this as soon as the iframe has loaded the external messageboard?
View 5 Replies
View Related
Jul 9, 2007
My script is the same as this http://www.w3schools.com/php/php_ajax_database.asp
When the data comes back to me its using
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
I get the data back fine. However inside getuser.php my data is in a sortable list. If i use this code above. My data comes back but I can no longer sort my list and move things around (I'm guessing because its returned as HTML only). Can anybody give me a solution of what i need to change so my list is also sortable again?
View 3 Replies
View Related
Nov 30, 2011
I have a function where it add rows into a table. For the example below it adds a row under the Question column, (I have not included whole function as there is a lot of code so instead I have just posted the relevant code.
Code:
//This is inside a function
var row = document.createElement("tr");
var cell
input,
[code]....
Now my function works really well when it comes to adding a row into a table. The problem is that it works on all major browsers except for Internet Explorer. I have researched an found out that I may need to use insertRow() and insertCell() methods. I don't know how to really apply this into my code so what I want to know is that if somebody knows how to manipulate the code above to include the insertRows and insertCell methods, I know how insertRow() and insertCell is added in the code and I can include this in all of my other columns in the function.
View 1 Replies
View Related
Jul 12, 2003
I have a radio button set that I am trying to use the onclick method to mae one row visible or the other. Let me show you what I mean. I have this javascript defined. I tried to use pointers but then I got element has no properties. So I've reverted to useing the full DOM call. Code:
View 11 Replies
View Related
Nov 30, 2011
I have a function where it add rows into a table. For the example below it adds a row under the Question column, (I have not included whole function as there is a lot of code so instead I have just posted the relevant code.
Code:
//This is inside a function
var row = document.createElement("tr");
[code]....
View 1 Replies
View Related
Jun 2, 2011
I've got a website that displays all my products together within a table and the user can then click on the product they want to buy or obtain more info on. This is always displayed in four columns.
However if you have a few pages of products for one category it can be displayed across a few pages. For some reason the content management system I use will display only 1, 2 or columns on the last page if there are less than 4 products on the last page. When this happens you can get the produts displayed with a different width to what I've set within the CSS because the table's with is set to 100%.
When this happens is it possible to set the the width of the table to:
75% if there are 3 columns
50% if there are 2 columns
25% if there is only one column
Or is it possible to keep the width of the table at 100% and just add the extra columns if there are not 4?
The table id="catprods_tbl" and the columns (td) are is set to id="column_main"
I have included the example of the layout when there are only two columns on the last page.
[URL]
View 2 Replies
View Related
Jan 26, 2006
This is an example of what I currently have. There is also a button which adds more rows. It wasn't too hard to get it working using CSS and innerHTML:
<div id="main container">
<div id="row-1">
<input.....
</div>
<div id="row-2">
<input.....
</div>
etc
However, due to mass css headaches with the layout, I' like to see if it can be done it tables instead and using the DOM methods (nodes, createElement etc)
so far, the examples I've seen either don't allow the same functionality or don't work across IE5+(win), and modern versions of FFox, Safari and Netscape (MAC + WIN)
Does anyone know of a good class/example/tutorial?
View 1 Replies
View Related
Sep 26, 2009
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
View 10 Replies
View Related
Sep 19, 2006
this is more like a business question than a programming question. I see how lots of people here say that you should do a non-javascript version of your site first, and then start to put in the AJAX and javascript bells and whistles. This way it still works if someone has got javascript disabled.
But if you think about that in a real world situation, you only have so much time to spend at a project to complete it. I would rather spend it all on featuers that people will actuall use than on something that 95% of the people will never use, simply so i can be "compatible" which will not make me money.
Think about this, it will take up at least 40% of the total time you spend at your project to make it non-javascript compatible. Personally I have some forms which ask for a category name and a button to add it, and if you click it, the category is added on the fly with javascript.
If I was to make this non-js comatible, I would have to have the form submitted when the click the button, which is fine, except everything else they wrote in the form before they clicked that button would be lost and it'll be an extra headache to keep track of that. Very boring and hardly profitable.
View 6 Replies
View Related
Jun 27, 2009
I have to work width a code that contains 1.1.2 Jquery scripts,namely:
jquery.js
jquery.hoverIntent.js
jquery.dimensions.js
[code]....
View 1 Replies
View Related
Apr 19, 2009
I have a .js file that needs to be updated and am not familiar with javascript files (or if the .js file is even the problem). The problem occurs when users browse our site (www dot parasec dot com) using firefox as their browser. When they go to the top menu, the drop-downs appear to the far left of the window.
View 12 Replies
View Related
Jan 26, 2010
I wrote javascript code in my webpage. But its not working in the firefox.
How can i make it compatible to firefox.
View 2 Replies
View Related
Jul 26, 2010
I downloaded and installed Securimage's Captcha code, and then my jQuery slideshow (by Jon Raasch) stopped working. I'm new to jQuery and am really a javascript noob to begin with, so I don't know where to begin. I looked at slideshow.js and prototype-1.6.0.2,js to try to find some conflict and I can't find anything obvious. I know that the Captcha code is the problem because when I comment out the <script>, the slideshow starts working again. he site I'm working on is here: [URL]
View 5 Replies
View Related
Jul 7, 2010
I'm using Keith Wood's datepicker jQuery plugin v.4.0.2 (not the jQuery UI datepicker) with jQuery 1.4.2, and I want to use the jQuery UI Cupertino theme v.1.8.2.
I reproduced the example on this page [URL]... under the Layout/Style tab. The inline example worked, but the popup example failed.
I tried many permutations and combinations of loading .js and .css files, none of which worked. Would someone please point out the error of my ways? Code snippet and screenshots below.
[Code]...
View 4 Replies
View Related
Mar 3, 2007
This drag/drop code will work in IE and FF, and most likely Opera too...
All you have to do is insert the following code in between the <head></head> tags and set any element's class attribute that you'd like to render draggable to "dragdrop".
CSS...
<style type="text/css">
.dragdrop{
position:relative;
cursor:pointer;
}
</style>
Javascript...
<script language="javascript">
var mousedown=false;
var obj=null;
var omx=0;
var omy=0;
var oox=0;
var ooy=0;
function getEvent(e){
if(!e){e=event;}
return e;
}
function getObj(e){
e=getEvent(e);
if(navigator.appName.indexOf("Netscape")!==-1){
return e.target;
}
else{
return e.srcElement;
}
}
document.onmousedown=function(e){
e=getEvent(e);
obj=getObj(e);
if(obj.className!=="dragdrop"){
obj=null;
}
else{
mousedown=true;
omx=e.clientX;
omy=e.clientY;
if(navigator.appName.indexOf("Mozilla")!==-1||navigator.appName.indexOf("Netscape")!==-1){
oox=obj.style.left;
ooy=obj.style.top;
}
else{
oox=obj.style.pixelLeft;
ooy=obj.style.pixelTop;
}
}
}
document.onmouseup=function(e){
obj=null;
mousedown=false;
}
document.onmousemove=function(e){
var e=getEvent(e);
if(mousedown==true){
oox=oox.toString().replace(/px/,"")*1;
ooy=ooy.toString().replace(/px/,"")*1;
obj.style.top=ooy+e.clientY-omy;
obj.style.left=oox+e.clientX-omx;
}
}
</script>
You can preview this script in action here...
View 3 Replies
View Related
