I've been working on a redesign of our site at ExperiencePlus for some time now, and long ago chose CBE menu 9 over the other menu technologies out there because of its browser independance. Problem is, as you can see, we have a pretty large site; load-times for the menus and associated scripts are approaching prohibitive. So I'm trying to speed things up.
You can see the results of some simplification here - still about the same speed by my guesstimates.
So, my question is twofold, I guess. First, Mike, do you have any ideas about how long it will take X menu 4 to reach maturity? No pressure ;^) If it were ready now, I'd just drop CBE in favor of X.
Second question: How much performance improvement can I expect from removing unnecessary code (sliding, for example) from the CBE core files? I haven't played with that stuff at all, except to read it now & then when looking for solutions to problems. Does anyone have a similarly large implementation of CBE menu9 that runs faster, so that perhaps they could share their experience?
One final thing: I'm planning to eventually shove all this into a PHP document that will auto-generate chunks of the menu from database queries, especially around the tour & country listings and our "Resource Room." (X menu 4 looks like it would be vastly superior for that purpose, since it's so lean.) I'm interested in hearing from anybody who's tried to do something like this, whether they succeeded or not.
i have a select box which has num 1 to 10.when i select each number,that many number of textboxes and one submit buttin shud come.The submit button when clicked shud go to another page.
I'd like some help trying to generate input fields on the fly. What I have on an HTML page is a single text input field labelled #1, e.g. #1 <input type="text">. Next to the field is a button that, on click, I'd like to automatically generate a second text input field below the first, labelled #2. Everytime the button is clicked, another field is created with an incremented label.
I explored iframes, but these text fields will be part of a larger form that has to be passed together. I'd rather not use hidden text fields because I don't want to hardcode a limit to the number of fields available. Please point me in the right direction, or let me know if this isn't possible.
I am using ASP to dynamically generate a series of forms. When the page is loaded, everything appears to be correct, except that the first form generated fails with a "FormName is Null or not an Object" error. Each subsuquent form created by the code after that works perfectly. Why is it that the first form, generated with exactly the same block of code, fails? Code:
I have to do a project, the requirements i have got are, same link on multiple pages should lead to a single page on client's site, but the page should be different for each link clicked.
What i understand from this is, we will send parameters with each link to a JS or php file and then generate a dynamic page each time, but i am not clear how many files we need to call and what will be the sequence. I want to implement this in JS and php.
how to implement it with JS and PHP if we send parameters with the url and if we don't send any parameters.
What I'm trying to do here is to create an editing form based upon the field descriptions extracted from a database, and use jQuery (e.g., datepicker) to handle the input. So, using the datepicker example, I create an input item, make it a 'text' type, give it a name and an id, and then use $('#'+textfld.id).datepicker({ ... }) to set it up. This is NOT done at $document.ready time, but while running the form's JavaScript, so I don't know if that's the problem or not; I can't see how to use $document.ready here due to the dynamic nature of each field.
AFAICT, what should happen here is that a jQuery datepicker should be created and associated with the text field - but nothing at all is happening.
I have a form with a number of <select> fields, some of which require additional fields to be displayed/enabled depending on which <option> is chosen. For example, in the following code, I'd like a <textarea> field to be displayed if users choose the 'Other' option:
<label for="venue_type"><p>What type of venue do you require?</p></label> <select name="venue_type" id="venue_type"> <option value="null">--Please choose--</option> <option value="Meeting/Training/Seminar room">Meeting / training / seminar room</option> <option value="Computer Suite">Computer Suite</option> <option value="Examination room">Examination room</option> <option value="Lecture theatre / auditorium">Lecture theatre / auditorium</option> <option value="Other">Other type of venue</option> </select>
I'm guessing that it's possible to do this using onchange, but am not too great with Javascript .
There's a feature I want to implement, but don't really know how to code. The intention is to use jQuery to convert words with a certain class attribute into Wikipedia links.
An example to make things clearer:
PLAIN TEXT: There is a <span class="wiki">penguin</span> there.
EXPECTED RESULT: There is a <a href [url] there.
Hence the code would have to grab the string of words inside the tag and place them inside a href with the first part of the link already attached to it. Doesn't seem too complicated, but I wasn't able to do it.
I have been trying to use the code below (created by Patrick Haney and improved by enraged) as a basis, but no deal. This code subistitutes words for code, but it searches for specific words.
If anybody knows a script like that, modify the code below,
I'm trying to make two drop down lists. The first will be a list of regions, such as USA and Canada. The second will contain cities within those regions, such as Washington or Ottawa. The second's content will be conditional upon the user's selection of the region. I have this so far: Code:
You select an option in the first menu, it then display options related to #1 in #2, then it displays related options to #2 in #3, then display options related to #3 in #4.
What I need to do now, is when you select an option for #4, it displays results related into a textbox.
If you need the code I currently have I can send that. If someone is awesome in jscript and could write the whole code up, thats fine.
I really just need help to push me in the write direction. Currently is uses arrays.
I am trying to make a form where the user is only able to select an option from one of the drop down menus and if they click both then submit an error should pop up telling them to select just one. Now I have found this code:
<SCRIPT LANGUAGE="JavaScript"'> <!-- function validateForm(){[code]....
the first problem is that my menu must be named "id[2]2" which causes a problem due to the bracketed 2 and the 2 after. Is there any way around that?the second problem I forsee is that this will only work with 1 drop down box being unselected. I need a code that will give the warning if nothing is selected OR if something is selected in both drop downs.
All the numbers should match. It's not working right in any version of IE I test it in (6, 7 and 8). I'm also using jQuery, fyi.When you click the button to stop the numbers, I'm setting a variable named winner to a number (3, 4 or 5). Right now, I have it set to 5. This number determines how many of the slots match:[code]I'm then generating a random number (0-8) to base all the other numbers off of . Three numbers will always match, so I'm setting two more variables to match that random number.[code]Then I do some conditionals to check the value of winner. If it's 4, I set the 4th number to random number, then generate a random number for the 5th spot while it doesn't equal randomnum. I do something similar if winner is set to 5.[code]The goto trigger sends the scroll to the specified index according to slotnum(1-5).I'm waiting to hear back from the plugin developer to see if it's something to do with that.However, I just want to make sure my logic in generating those numbers is sound. It works perfectly in FF, Opera and Chrome but (surprise!) not in any of the IEs (tested in 6, 7 and 8).
I am teaching myself javascript and in the course of my experimentation have run into this roadblock: I want to display a styled navigation bar with a button beneath it. When the button is clicked, an onclick event will be triggered and the response of the browser should be to print the word "test" right beneath the button. However, what actually happens is the page blanks out and the word 'test' appears in the upper left corner of the screen.
i'm having a hard time on JS while i was designing my companies web page. it is running on wordpress, we choose and start correcting a template, then i stuck in the main menu navigation.
Code: sfHover = function() { if (!document.getElementsByTagName) return false; var sfEls = document.getElementById("nav-ie").getElementsByTagName("li"); // if you only have one main menu - delete the line below //
I need to move the entire contents of one div to a sibling div. At present I'm just doing (assuming the 2 divs are called 1st and 2nd):
What I need to know is if this is the quickest means (in performance terms) of doing this as I will be performing the operation regularly and on a large number of nodes and it's in an area where the UX really can't stutter ?
I have some code which creates an extremely long table row, and I've been able to clean it up to a point where my performance is fairly decent. What I am trying to figure out is if its better in terms of speed to use divs as opposed to the really long table row. I didn't really find much on this topic online, so thought I'd ask out here.
I have read many of the copius entries on the subject of IE performance (or the lack thereof) when populating Select Lists.
I don't mind the insert performance so much, (I get 100x120byte rows inserted/sec up to 500, and 100rows/6secs up to 3000, which isn't great but then the Row Count is clicking away for the user to see and they can hit the "cancel" button at anytime, so overall I'm happy), what really disappoints me is the woeful of .REMOVE()!
Before fetching the next result-set I clear down the existing options (I *do* have to do this don't I?) by looping through option collection calling remove(1). (Would it be quicker if I removed the last option? Option[0] is a header.) For 3000 rows this takes an unbelievable 20+secs :-( Does this sound about right?
1) Is it only IE that performs badly on this?
2) Is there a quicker or more efficient way of zeroing the Select List?
2a) The w3schools ref says the "length" attribute "Returns the number of options in a dropdown list" it doesn't say "sets Or returns"
2b) The French guy (Stephane?) suggested that I should just set the length to zero, but wouldn't that result in a memory leak?
3) Do I need to create a malloc/realloc function that keeps a high-water mark of available option objects for this Drop Down and only "new" some more options when that's exceeded? (But then the Length would always be off)
I just tested all my jQuery selectors using the jQuery Tester [url], and the results seem to "contradict" one thing I read in a performance article: that you should descend from the closest parent ID when using classes in your selector (the article says "April 09", so the latest jQuery version was already available). In my tests, using just the class selector (like span.myClass) was always fastest (sometimes twice as fast as #myDiv span.myClass), and this in all browsers I tested, not just the ones supporting getElementsByClassName. Maybe descending from the closest parent ID becomes a factor when you have a lot of elements on you page?
I pull XML from server using .load() and then iterate with .each() over some 3000 nodes. I use .find() to get 7 sub-nodes and store them internally (into arrays). It works, but it is disappointingly slow. On my obsolete P4 it can take 8-10 seconds during which the whole browser (FF) is completely frozen. On faster computers the processing time is shorter, but still way too long. What can I do to cut this time? I certainly need speed up of an order, two orders would be nice. Would JSON be any faster? Or should I pull text/plain in custom format and parse it in my JS code?
I have a php search page with can potentially display several hundred records. For each record, there is an icon which, when clicked, makes an ajax call. When the reply comes back, the text returned from the server script is added to a specific div and the source of the icon that the user clicked is changed (as a visual cue that that particular item was selected).
This works 100% perfect in FireFox (3.5.9), Chrome, and IE 7. However when I test it in IE 8 there is a HUGE lag between when the icon is clicked and when the div and icon are updated (usually between 10-15 seconds). By commenting out one line at a time, I've narrowed it down to the line that changes the src attribute of the icon...if I just comment that line out, the ajax call is made and the div is updated instantaneously.
