I have client that has 5 versions of the same site located in web viewable root folders on his server. Aside from a few minor differences such as prices, download url's and a few text and image differences, they're the same.
Just wanted to get some opinion as to how many javascript includes I can, or should, use on the site pages or if there are any strong opinions on not doing it this way.
I'd like to place a set of javascipt files in a folder within each site, then have all pages in each site call to their specific include folder. This way I'll be able to use a single set of DW templates to manage the content on all the sites.
I can't convert to php, use ssi nor create a dynamic solution since the sites are already live and rank well in the search engines, The content I'll be wrapping in the includes is not important search engine text content.
what is the advantage of using javascript files in an includes folder rather than on page?So for example i have a javascript validation on my page, does it make a difference to the way it is execute compared to if i referenced to it rather than having the full file in my page?
Alright, my site is curerntly using server side includes (hoping to switch it all over to PHP soon). What I would like to do is include a different file depending on screen resolution. Does anyone know how to do this?
I was having trouble getting the object.focus() method in IE and in FF working, so came up with this workaround.
What I wanted to do was check if a textfield was numeric, if not, inform the user then select the text and set the focus back to the field.
Sound simple? object.focus() simply doesn't work in firefox or (I've been informed) IE.
Solution:
Instead of checking when the field losing focus (onblur), check when the next field receives focus (onfocus). Then call a function that gets the element index of the object, and use that index to check the element above it. Difficult to explain.
Here it is...for the textfield you want to check, put this into the next form object after it onfocus="checkNum(this)"
then put this script in the header section...
function checkNum(obj){ var idx; //get object index for(idx=0;idx<document.forms[0].elements.length;idx++){ if(document.forms[0].elements[idx].name==obj.name){ break; }; }; //check for numeric if (isNaN(document.forms[0].elements[idx-1].value)){ alert('Value must be a number!');
This is IE issue only. Firefox and mozilla doe not have this problem.
td cell in a table with a title which includes '-'(dash). If I add a dash between Time-Time. IE intrepets as new line os somethig and the title is displayed in 2 line like: Time- Time
instead of Time-Time. Below is snippet of the code...
I have created a global navigation includes document. Unfortunately the drop down menus that are part of the navigation aren't working. They worked fine when they were part of the page, but now that they are separated from the page as includes the drop down menus don't appear in my test site (posted to a web server). All other content in the includes file appears and works.
I've got a global navigation document with drop down menus created using javascript saved as includes. These are posted to a web server and the pages that reference the includes display the graphics and some of the links, but not the drop down menus. They don't appear on roll-over.
I am doing some maintenance work on a classic asp web page that displays product information. I am changing how the page looks up the available quantities for the various sizes. The old method used several SQL queries to determine the number of sizes and available quantities and then used those results to build a table on the fly on the page.
My modification consists of a web service that consolidates product size availability from three different sources and delivers the data via an XML formatted return. I have also added DOM tags in the table that is built on the fly that identify each entry with the product id and size. So, for a product that has an ID of "P12345" and a size of "XXL," that corresponding cell in the table gets an id tag of "P12345_XXL."
My jQuery update statements worked just fine using this approach until the sizes included decimal numbers. My example for this is shoe sizes. A size represented by an integer (6,7,8,...,15,16,17, etc.) works fine. A half-size represented by a decimal (6.5, 7.5, 8.5,...) does not. Even though the period is contained within a string value, jQuery doesn't seem to be able to match the value with an id tag - and yes, I have verified that the two (the string that I am giving to the jquery select and the actual tag) do indeed match.
So far, the only work-around that I have come up with is to multiply numeric sizes by 10 and parse as integer values. Is this a "known issue" and is there a more elegant solution topursue?
I'm trying to write a script (my first) that loops through some table rows and gets some data from another page using gm_xmlhttprequests. It works if I keep the loop to one, but if I try and loop through all the rows, and therefore have say 10-20 gm_xmlhttprequests, the script just seems to fail. But if I put an alert inside each gm_xmlhttprequest, and wait a bit before dismissing the alert, the gm_xmlhttprequest will succeed and the data gets updated as planned. It seems as if the gm_xmlhttprequests don't block, or the script keeps executing without waiting for the requests to finish. I don't have any listeners on the script, I just want it all to load when the page loads. Also, I looked at the javascript console and it doesn't have any errors about the gm_xmlhttprequests.
I'm trying to add some functionality to a existing application. I have no control over the input element ids. There are inputs I need to use that have $ in the id <input id='field1$0'>. Trying to use the id selector $('#field1$0') fails (result is undefined).Is this a bug or "by design" in qQuery?Is there a workaround, other than looping thru all inputs to find the ones I need?
I try to auto scroll to bottom of a div when the page is loaded. It works on firefox but it is not working on IE. How to scroll to bottom on a div when page is loaded on IE? You can test it by copy paste my codes into two html files.
I had to add the following DOCTYPE to a webpage in order for IE to parse my page design properly, and this caused the form on the page to fail in FireFox (which works fine without the doctype). The form works fine in IE.Here is the DOCTYPE I added to the top of the page;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
...which suggests my JavaScript is partially working, but is failing on my attempt to make Key/Value pairs. Unfortunately, I'm not knowledgeable enough on JavaScript/DOM to identify an error and would be grateful if a more seasoned programmer could let me know the error of my ways.
I am using ASP.NET for data retrieval and jQuery to perform various functions/animations (error bar, slide menu, table sorter, etc...). Everything is working great until the pages are viewed over and SSL connection. When viewing over SSL, some of the margins/padding stops working and the hover effects on tables stop working correctly (leaving cells coloured, not colouring others). After spending a day looking for the solution in Google, I haven't found anything that will fix the issue. No errors/warnings are displayed on the page.
I'm having trouble parsing through a table in I.E. Of course it works fine in firefox and chrome. I'm pulling html off of a txt doc and storing it in a temporary div made with createElement so I can go through and parse out the data. Code is below:
[ Code: var tempdiv = document.createElement("div"); //create temporary element to store html content in tempdiv.innerHTML = html; //dump html content into new element
[Code]....
It returns 0 for rows and and cols. If I use a getElementsById and grab a table already on the page it works fine.
I'm trying to GET or POST a request to a server. The code below works fine in Firefox, Safari, Chrome and IE7+ but fails in IE6 in spite of the xmlHttpCreate function being copied and pasted straight from Microsoft's MSDN site. The place where IE6 fails is on the oReq.send() line. It appears to create an activeX object but just won't send it. I have also tried oReq.send(null) and oReq.send("") but neither works.
I have a problem with writing cookie from Jacascript. My problem is that I have two server, one is A, and the other is B.
(1) I call a aaa.html from A. In aaa.html : ... <iframe id="frame1" src='http://B/bbb.html'></iframe> ... (2) In bbb.html : document.cookie="key=123"; alert(document.cookie);
I fail to write key=123 to cookie. Is this because of different ip? Is there any other way to write cookie?
I have a simple html document I have been using for some time on my (i.e.) abc.com domain that uses cookies. I recently purchased a new domain name and set up a service to redirect my new domain (i.e.) xyz.com to a sub-directory of the abc.com domain. In other words, when someone goes to URL xyz.com, they really end up in abc.com/xyz directory but the MSIE browser says they are xyz.com.
The problem is that cookies quit working in this setup when I copied the same HTML document in the /xyz subdirectory that xyz.com now accesses. I can't set or get a cookie any longer by calling the document.cookie function from JS any longer. The call does not fail but the data is always blank. I even tried setting the cookie and from the next line of code reading it back immediately and it still would not save the cookie.
Anyone know how to fix this?
I checked the value of location.host, .hostname .pathname, document.domain and they all indicate I am really at abc.com even though the address in my IE browser says I am at xyz.com.
If you try some codes and then catch exception, it should catch the exception when there is. However, if there is a setInterval method in the try clause, then the exception cannot be caughtthe following works ( a usual method is invoked in the try clause):
<script language="javascript" type="text/javascript"> function invoke() { var i=0;
for an anchor object, it is ok to reference by index. But when referenced by name, it seems unavailable in IE8 (not sure abt other IE version). I tried FF, it works well. So is it an IE bug or something? <a name="thisAnchor">HERE</a> <script language="javascript" type="text/javascript"> alert(document.anchors[0].nodeType) // no problem in IE and FF alert(document.anchors["thisAnchor"].nodeType) // does't work in IE? </script>
I have an Ajax call and it keeps return nothing versus some text when the ready state is 4, and the status is 0 inside Firefox 3.6.
I debug the server and it did return some text. The browser just doesn't expose it.
The JSP code is in a Weblogic server in port A, the JS code is included in the JSP coming from Weblogic port B (2nd server, same host). The Ajax call URL is on the same Weblogic server/port B as the JS. The Ajax call is started from a click on a button from the JSP page serving on port A).
Here are the configurations that works with the identical code:
1) Exactly like above using Internet Explorer
2) Exactly like above using Firefox, with the exception that the server is OC4J versus Weblogic
3) Exactly like the above (Weblogic), with the exception that the JSP and JS codes are in the same (single) server/port and using Firefox browser
So this is very strange. The same Weblogic server would work if all files are in a same server. In any case, the server code always work, and always return valid value (I wonder if some header is different). In fact IE works.
I think it's maybe security issue of Firefox handling of 2 servers. However, the same Firefox does work with OC4J servers.
I have a web page where I want to intercept keypress events in an INPUT-tag and check if it is the Enter key, which calls another function that executes a search. My code runs on Netscape 7 for Windows, IE 6 for Windows and IE5.1 for Mac, but not on Netscape 7 for Mac. When I press the Enter key, the event gets caught but it does not get prevented and the search is never executed.
The code looks like this:
function KeyDownHandler(e) { // if not Netscape, get IE event if ( !e ) e = window.event; if ( !e ) return true;
// Get valid ascii character code var key = typeof e.keyCode != 'undefined' ? e.keyCode : e.charCode; // process only the Enter key if (key == 13) { // cancel the default submit if (e.preventDefault) e.preventDefault(); else window.event.returnValue=false;
// submit the form by programmatically searching search(); return false; } else { return true; } }
I'm having difficulties to understand why the code below doesn't work. The idea is to generate an <iframe> with a higher z-index compared to an <object>. In Microsoft Internet Explorer 6, everything works fine, but Firefox/Netscape seems to have problems with this construction.