Right now, the array items print out without spaces like "Jane,John,Mary,Sue". I need to be able to work with the items individually so I can format them so they read "Jane, John, Mary and Sue". I thought I'd be able to do something like v[i] + ", " but I get an "undefined" when I try to alert for v[i]. Can someone point me in the right direction? Code:
View 17 RepliesI want to make a for loop with jQuery to reduce code, but it wouldn't work. This is the sorth of thing I want to do: run through an array of <li> and animate them separately with a pause in between.
$(
'#thebutton'
)
.click
[Code].....
I want to travel through a for loop of list elements with JQuery, to separately let every list element float downwards. If I do this without a for loop, it works perfectly:
Code JavaScript:
<script type="text/javascript">
$(document).ready(function() {
$('#menu li').animate({ "opacity": "0", "marginTop": "-300px" },0);
$('#thebutton').click(function(){
var items = $('#menu > li');
$(items[0]).delay().animate({ "opacity": "1", "marginTop": "2px" }, 400);
[Code]...
I have a site that uses bullet points. I am able to add and delete these bullets as needed. The problem i face is every time I add a new bullet and update the page all the bullets that are already there are saved again. for example lets say I have in my list:
[Code]...
So I was thinking that I could get an array of all the existing bullets and then say if the new bullet is not part of the array update it. If anyone else has any other ideas of how i could make this work I am glad to hear them. If you need code just let me know.
I have a string that contains n items. Each item start with a '@' and the
item itself does not contains the '@a'.
For example the string looks like: "@one@two@three@four"
I have to output this string as "one, two, three and four".
So in fact the first '@' can be removed, the next except the last replaces
by ", " and the last one by the word "and ".
Is there a simple way doing this?
I have a dynamically generated table, filled from a database by a perl
application.
Each row represents a database record and has a 'status' and a unique 'id'.
What I want to do is create buttons to hide all rows with a particular
status. The code to show/hide is relatively easy, but how do I turn them
all off at once?
Several ideas I had:
1. Set the tr's 'id' attribute to the status (eg 'open') and then set that
id to display: none. But that only turns off the first one.
2. Do the same but somehow loop over all elements looking for that id.
3. Set the tr's 'id' attribute to the status plus the data's id (eg
'open.24') then loop over all elements matching the status with a regexp.
4. Doing something else that I haven't thought of yet.
Anyone have any advice and example code?
I'm not entirely familiar with the norms and standard libraries of
JavaScript so if the answer to this is yesterday's news, please ignore.
I'm trying to write a simple text formatting function to make headings
proper case -- i.e. first letter of words capitalized.
I first tried this...
function inProperCase(s)
{
var result, i, k;
i = 0; result = s.toLowerCase();
while ((k = result.indexOf(' ', i)) -1) {
if (k - i 0) {
result[i] = result[i].toUpperCase();
}
i = k + 1;
}
if (result.length - i 1) {
result[i] = result[i].toUpperCase();
}
return result;
}
...but it didn't work. To my amazement, you cannot set a character in a
string by accessing that character with an index, like so:
s[i] = ch;
Must be because JavaScript strings are "Immutable" or "EtchedInStone" or
something. (Just kidding, no flames, please. I'm sure it is more
efficient.)
The only thing I could come up with was this (with some details, like the
"compound" while predicate, modified into a more readable form after being
called a "C-bigot" by a friend :)) which seems pretty heavy-handed with all
the string slicing and concatting:
function inProperCase(s)
{
var result = s.toLowerCase(),
i = 0, k = result.indexOf(' ', i);
while (k -1) {
if (k - i 0) {
result = result.substring(0, i) +
result[i].toUpperCase() +
result.substring(i+1, result.length);
}
i = k + 1;
k = result.indexOf(' ', i);
}
if (result.length - i 1) {
result = result.substring(0, i) +
result[i].toUpperCase() +
result.substring(i+1, result.length);
}
return result;
}
You call this as...
inProperCase(" madam i'm adam ");
...and you get...
" Madam I'm Adam "
Any suggestions for making this a bit more elegant?
BTW You may point me to a "library" with a super-efficient implementation
of this function, but that is not the point. My issue is, how do we update
single characters in a string (or single items in an array) in JavaScript?
Is it something like...
s.wouldYouCareToUpdateThisChar(i, ch); // :D (just kidding, calm
down...)
-or-
s.setCharAt(i, ch); ...
Is there a way to do it so that when listnav initially appears on the page, no items are shown? In other words, is there a way to just have the alphabetized index show with no initial display of anything else?
View 10 Replies View RelatedI am using a drop down menu for a website I'm working on to display menu items under categories. I'm using the same code to do this on two different pages with the actual content of the menu's loading from a MySQL database using PHP scripts. [URL] On the menu.php page I left the code below in the mix which drops down the first category listed on the left. On the seasonal.php page I took the code below out and it no longer drops down any menu by default when the page is loaded. What I'd like to do is drop down nothing initially when the page is loaded but if someone opens up the "Cupcakes" category and clicks on an item it would keep that category open when it loads the item details in the center column. If you need to see more code let me know!
[Code]...
Here is the thing, I need to have parts of my website display different items depending on the browser (Netscape or Explorer). I have been using PHP to do this on 90% of the site, and it works great. However due to limitations on some pages (the shopping cart software) I cannot use PHP. When the page loads I can use Javascript, and I need it to load a specific header & footer for each browser type. I know that javascript cannot use SSI, so I would basically add everything into the one page and just have the script decide which chunk to add (the if or else statements get to decide I assume). The thing is I rarely use Javascript and when I do it has been extremely simple. here is the basic format I assume it will be using... (not in actual code though as I dont know javascript)
[Code]......
I have a script to display 2 dropdown lists. Selecting the first list will populate the second with items. But what I want then is, items in the second are already in a array (this works) they also have a code and this code I want to display in a text input, when selecting an specific item in the second list. (I can display the item selected in the second list (but want the code behind that item to be displayed in the text field). Function assignprojectnum shows the item in the text field now.
Here is the code I use.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
[code]....
I would like to display only a certain amount of list items on a page.
View 3 Replies View RelatedI have a link that makes an AJAX call to display a certain amount of items in a roster.
the link is:
<a href="javascript:loadRoster('per_page=10');">Show 10 items</a>
<a href="javascript:loadRoster('per_page=20');">Show 20 items</a>
I want to be able to make these calls from a dropdown,
i'm after some script to display some html depending on what is selected in a list box
the html i want to display are checkboxes so it's more stuff for a form i'm using lotus notes, so i have to use javascript.
i can get it to display a checkbox if a particular item is selected but it won't show up in place, it loads a new page with the check box the only thing on that new page.
function updateChecks()
{
string = "";
if (document._WEBRequest.dataReq.value == "blah") {
string = "<input type="checkbox" name="check" />";
string += "Boundary";
}
return string;
}
function writeChecks()
{
document.write(updateChecks());
}
the writeChecks() function is called onChange for the listbox
also don't have much clue as to how to make it show more checkboxes if more than one item is selected in the listbox.
My website has a flash animation I'd like to replace with a jQuery animation [URL]. I'm trying to create a dynamic statement to grab an array of words from an XML file and loop through replacing the word in a <span> with a random item. Would like it to loop continuously while the page is displayed. The HTML statement is:
<p style="text-align: center; font-size: 2em; font-weight: bold; margin: .5em,0,.5em,0;">
<span>Shred your </span><span id="indexShredItem">paper</span><span>, not your nerves.™</span>
[Code]....
It works great once, but I can't get it to loop. I've tried "for" and "while" loops (no loop attempt is in the script above).
I want to create an array of list items that will shuffle randomly when a user refreshes the page. I also only want to display 3 items at at time, but when the browser refreshes it will show 3 random ones each time.
I've seen shuffle plugins, but they work if someone clicks on a button to shuffle the items, which I don't want to do. I want it to shuffle randomly on reload of the page.
I want to remove items in an array by passing index values. The index values may have 1 or more values. For example, i have the following array
Code:
var arr1=new Array("aa","bb","cc","dd","ee","ff");
var index = new Array();
index[] = 3;
index[] = 5
[Code]...
I am dynamically creating page elements by looping through an array and adding them to the DOM. Each element has an action that should be performed when it is clicked. This action (or a reference to it) determined by the current array value as well. Because the code called in the onclick handler is not executed until the event fires, the value of the current array item (at the time the onclick handler is attached) is not preserved resulting in the expected behavior not happening.Here is an extremely simplified example of the problem I'm facing:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
I'm hoping this is possible or that there is an easier way to do this. I'm having an issue with displaying data from one array that contains information about users in a table that is controlled by a different array.Is it possible to do this or is this use of arrays to display the data the wrong approach?
The table is located on one webpage, I simply want to extract one piece of information that I have placed in the initial array as part of the login script that contains user information (for validation for login etc) and display it in a table on the new webpage that is opened as a result of successful validation of the user details. I'm completely stumped and after many attempts I just can't seem to get it to work.
In our ordering system, we have to type in various values for several items at a time. This means in one single form, for one order, we could be typing in a batch number 4 or 5 times. I can valiadate this easy enough with Javascript when there is only 1 line. But what if there is more than 1?
With PHP you add [] to the end of the form element's name. But how do I get javascript to work with this?
Code:
Basically, the batch number, expiry date and pallet/box number is mandetory. If they arn't entered, it needs to fail (return false). It doesn't seem to be doing anything, just moving on to the next part which is checking other parts of the form which isn't repeated.
I'm wondering if there's a way to have multiple row carousel implemented.
I use jCarouselLite.. [url]
To be more specific, here's what I have:
And this is what I would like to accomplish:
I do realize that placing multiple items withing the <li></li> would be one approach, however I can't do that since the items are generated dynamically. The structure of my data (items) is an unordered list:
Using "float: left" & "clear: left" messes up the whole structure...
Any ideas how to display 9 items at a time on 2 rows?
I have an array like this:
I need to compare these array items to my site div id's and make an onblur functionality that changes the input field value.
It does not change the selected input field value(this.value). And it only alerts when blurring from the input field that is first in the array(id1). If i click to the input field id="id2" it does not alarm?
I have a (not too long) paragraph. In this paragraph a few words are wrapped with <span class="emphasize_m"> and <span class="emphasize_xl"> What i want to do is wrap all words in <span> which aren't wrapped already.Then i want to switch all span opacities to 0 (zero).I don't have an idea of how to wrap words separately.
View 6 Replies View RelatedDoes anybody know if it is possible to reference only text inputs, and not radio and checkboxes, and if so, how?
View 6 Replies View RelatedI have two drop-down fields that are populated separately from the database. Here is my HTML/PHP code
Drop-down field #1
<tr class=bodyTRstyle>
<td width="35%"><p align="left">Venue</td>
<td class=fieldTDstyle width="269"><p align="left">
<select name="VenueName" class=VenueName><option selected><?php echo $VenueName?></option
<?php
$SelectVenueQuery="select * from venue order by VenueName";
$SelectVenueResult=mysql_query($SelectVenueQuery);
while ($VenueRow=mysql_fetch_array($SelectVenueResult)){
extract($VenueRow);
echo "<option value='$VenueName'>$VenueName";}?>
</select></td></tr>
Drop-down Field #2
<tr class=bodyTRstyle>
<td width="35%"><p align="left">Results</td>
<td class=fieldTDstyle width="269"><p align="left">
<select name="GameResults" class=GameResults><option selected>
<?php echo $GameResults?></option
<?php
$ResultsQuery="select * from result order by ResultDate";
$ResultsQueryResult=mysql_query($ResultsQuery);
While ($ResultsRow=mysql_fetch_array($ResultsQueryResult)){
extract($ResultsRow);
echo "<option value='$ResultDate'>$ResultDate";}?>
</select></td></tr>
This code works well as long as the two drop-downs are independent of each other. The result table has VenueName as an element, so each venue has a set of result records in the result table. This is how I want to change it: The Venue dropdown will remain as it is. Once the Venue Name is selected I want the result dropdown to populate with ONLY the result records containing a match on VenueName that was selected in the venue dropdown. How do I do that? Is it with a onChange Event? What are the changes that need to be made? How do I communicate to the second drop-down what was selected in the Venue drop-down??
I inherited Javascript and jQuery for a sliding belt (carousel) module. Basically, left and right navigation arrows would appear to the sides of the belt if there were more slides to show.
The jQuery and Javascript code was originally a singleton, so I decided to convert it into a jQuery plug-in in case the belt HTML markup was instantiated more than once. We have a CMS, so multiple belt modules theoretically could be placed on the same template.
Below is test page with two belts on the same page and the associated Javascript jQuery.
My problem is that when you click on the arrows or the slides, I found that the second belt works fine but not the first one. The first one does not show a left arrow when you page to the right. Likewise, the first belt gets mixed up going to the left. Somehow, only the second belt works as expected.
What I would like to do is when I attach my plug-in to a DIV, I want each belt to operate independently of each other (i.e keep its own local variables, functions, etc.).
I am not sure what I am missing here. what I am doing wrong? (You should be able to copy and paste the code into jsFiddle to see how it currently works.)
I have the page here also: [url]
<html>