JavaScript - Need Help With Regexp Matching Only In Sequence

Hi there.

I'm trying to make a little valentines website 'card' for my ladyfriend. I was going to be clever about it and use javascript, but as it turns out I'm really not that clever with it anymore. I need a single image to change into a different image on each following mouseover event. A planned 'route' of images, for exameple A -> B -> C -> D -> E -> A -> F - > B -> .. and so on.

I thought I could do this, but I'm getting nowhere. I did try to look for similar attempts to make this, but it's kind of hard to find since 'mouseover' is such a generic search term.

Thanks.

Edit: there's little point for me in posting my code so far.. it's just a long list of imagecodes and a little mousover script that would probably make you laugh.

I want the images to change in sequence when the page is refreshed not random like i have below. Can someone help me with this please? Also I also need text to change on refresh to because I am going to have a descritption of the image below. Thanks


[CODE]
<script type="text/javascript" language="JavaScript">

var imgs = new Array('<a href="VW_1.shtml"><img border=0 src="img/samples/VW/large_1.jpg" width=165 height=109" class="thumbnail_img">',
'<a href="fortshelby1.shtml"><img border=0 src="img/samples/Fort Shelby/image1-large.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="jaguar1.shtml"><img border=0 src="img/samples/Jag_of_Novi/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="harley1.shtml"><img border=0 src="img/samples/wolverine_harley/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="bc1.shtml"><img border=0 src="img/samples/BC_Coney_Island/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="mama1.shtml"><img border=0 src="img/samples/Pozios_Retail_Mama_Vickys_Coney_Island/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="children1.shtml"><img border=0 src="img/samples/Detroit_Childrens_Museum/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="harper1.shtml"><img border=0 src="img/samples/Harper_Woods_Library/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="dps1.shtml"><img border=0 src="img/samples/DPS_Facilities_building/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="lakeland1.shtml"><img border=0 src="img/samples/Lakeland_School_Huron_Valley/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="auto1.shtml"><img border=0 src="img/samples/Manhattan_Auto_Group/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="maxey1.shtml"><img border=0 src="img/samples/Maxey_Ford/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="benz1.shtml"><img border=0 src="img/samples/Mercedes_Benz_of_St_Clair_Shores/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="metro_lofts1.shtml"><img border=0 src="img/samples/Metro_Lofts/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="mtclemens1.shtml"><img border=0 src="img/samples/Mt_Clemens_Library/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="st_gertrudes.shtml"><img border=0 src="img/samples/st_gertrudes/large_1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="rayconnect1.shtml"><img border=0 src="img/samples/Rayconnect/large 1.jpg" width=165 height=109 class="thumbnail_img">',
'<a href="faulhauber1.shtml"><img border=0 src="img/samples/Faulhauber/large1.jpg" width=165 height=109 class="thumbnail_img">');

var max = imgs.length;
var num = Math.floor((Math.random() * max));

document.writeln(imgs[num]);

</script>
[CODE]

I built some pages that uses a Flash widget to play mp3 files on my server and show album covers at the same time. However, for people without Flash (like iPhone/Safari), I accommodate them by using a JavaScript that offers a list of simple links to the mp3 files. What I would really like, in the case of a page where there are several songs by the same artist, is a script that when activated, will play all the files in order. Possible? Where would I look for such a script?

Hi!

I'm very new to Javascript so first I want to apologize for my lack of knowledge, what I'm asking is probably really simple to do.

Im have a folder full of images. Each image is named with an incrementing number like vidseq000001, vidseq000002, vidseq000003 and so on.

I'm trying to use a jQuery plugin called "reel" to make the sequence animate. For that it seems I need to put the images inside an array.

I know how to manually enter each image inside the array like

var [
vidseq000001,
vidseq000002,
vidseq000003,
]

But this becomes quite tedious with over thousand images.

What would be a smarter way to put all my images inside an array?

I have an essoteric question about javascript and how DOM/javascript stores divs that are created and displayed in succession by absolute positioning.

I have a series of divs that are assigned absolute top and left values to
form a grid. The grid tiles are programmed to swap coordinates in pairs
when one of the pairs is clicked.
Then if I do a sampling of the divs by:
Code:

//returns the same string on every call.
//regardless of the coordinate values. which change
var GM = document.getElementById('TP');
if(GM.hasChildNodes)
  {
   var GMC = GM.getElementsByTagName('div');
   var str = '';
   for(i = 0; i < GMC.length; i++)
      {
       if(GMC[i].hasChildNodes)
         {
          for(var j = 0; j < GMC[i].childNodes.length; j++)
             {
              var gmc = GMC[i].childNodes[j];
              var gmcTxt = gmc.childNodes[0].data;
              str += gmcTxt;
             }
         }
      }
  }
alert(str);

The list does not represent the positions of the divs as they
appear in the browser, but in a sequence that is saved in another
array when the divs are created.

The same is true for document.getElementById('[id assigned each div]')
The only way to detect the sequence is to do a long drawn out loop looking
for coordinate values, and comparing them to a prestablish template set
of values, then looping back through to compare the contents of each div
and decide if they are in the right place (visually).

The problem is that some divs may have the same content.
If the same content appears to be in the right place, the coordinates can
be wrong. So I need to detect the content and decide if it is right, regard-
less of the coordinates. This has to be done by the program (of course).

So the question is: What is javascript doing when it is asked to
Code:

document.getElementByTagName('[elem]');

In this case are the divs children of the document?
(in the case of my project, children of a container div)
And why would they not be detected in the order apparent in the browser
window?

I will post the current version and return and post a reply with the
url. http://www.jekillen.com/jekillen/con..._wise_dev.html

I have no js experience or coding experience of any kind other than the last few hours of reading a book called 'object-oriented javascript', and all was well until loops.

firstly, this is how he teaches the while loop...

var i = 0;
while (i <10)
{i++;}

which results in 9

we move on to for loops...

var res ='';
for( var i = 0; i <10; i++)
{res += 'sometext' ;}

which repeats,
but I'd like to be able to make that into a sequence of numbers... 123456789.

how do I do that? thanks.

I am using in script http://www.vicsjavascripts.org.uk/Wo...ordToolTip.htm

Code:

 for (;z0<wary.length;z0++){
  reg=new RegExp('\\b'+wary[z0][0]+'\\b','g');
  html=html.replace(reg,'<a>'+wary[z0][0]+'</a>');
 }
 html=html.replace(/zxc/g,'<');

I expected to be able to use

Code:

 for (;z0<wary.length;z0++){
  reg=new RegExp('\\b'+wary[z0][0]+'\\b','gi');
  html=html.replace(reg,'<a>$1</a>');
 }
 html=html.replace(/zxc/g,'<');

where $1 = the replaced text

can someone please explain?

I would like to perform a regular expression on a string and if TRUE do something.

I have huge amounts of knowledge doing this in PHP but trying out javascript. Much appreciated.

Hi all,

I am having trouble understanding how to get RegExp to work. I've read so many tutorials but none have been clear. They all just explain the patterns you can check for but not how to piece them together! I am trying to write a RegExp pattern that checks an email address so that it allows the characters a-zA-z0-9_ before and after the @

How would I go about doing this?
I tried
Code:

new RegExp("[a-zA-z0-9_].+@[a-zA-z0-9_].+");

but that didnt work.

I appreciate any help

Hello @all readers,

i'm trying to extract some text out of an options-selectmenu.
The text of these option menus are pulled out of a webdb.

For each option there excist a main value,for each main value, there excist an aditional price,either a minus (-) or a plus (+) to the main price:

main item: graphiccard price 200,-

options:
16 Mb (- 10)
32 Mb (main price,no need to get aditional value)
64 Mb (+ 50)
128 Mb (+ 100)

So if user choose 128 MB (+ 100)

i require a var that say's : 128 MB
a var that say's: +
a var that say's : 100


All selected options could contain many variants, it isnt pinned to the sample above,however,all options are formatted like this:

someTextAndMabyNumbers_1 (aPlusOrMinusSign_2 AlwaysaNumber_3)


I would apreciate to get a solution to this problem.
I am not programming for living,the end result is for community.(oscommerce)
To see a live version , ask me for the url (incase of seen as spam i not post until aprovement)


Here is the code i pull out from the selectmenu,all alternative methodes instead of using regexp are much welcome.

Code when clicked submit button and the regexp result var comes:
Code:

$("#submitme").live('click', function() {
    var mystringId = prodID;
    var addedOn = new Date();
	
    $('select').each(function() {
        var selectId= $(this).attr("id");
        var selectedOption = $(this).find('option:selected');
        var selectedOptionValue = selectedOption.val();

        mystringId += '{' + selectId + '}' + selectedOptionValue;
    });
        db.transaction(function(tx) {
        tx.executeSql('SELECT COUNT(*) AS total FROM customers_basket WHERE products_unique_id ="'+ mystringId +'"', [], function (tx, results) {
        total = results.rows.item(0)['total'];
    
    if (total == 0){
    
    $('select').each(function() {
        
        var selectName= $(this).attr("name");
        var selectId= $(this).attr("id");
        var selectedOption = $(this).find('option:selected');
        var selectedOptionValue = selectedOption.val();
        var selectedOptionText = selectedOption.text();

        db.transaction(function(tx) {
		tx.executeSql('INSERT INTO customers_basket_attributes (customers_id, products_id, products_unique_id, customers_basket_quantity, products_options_id, products_options_txt, products_options_value_id, products_options_value_txt) values ("1" , "'+prodID+'" , "'+mystringId+'" ,"1", "'+selectId+'" , "'+selectName+'" , "'+selectedOptionValue+'" , "'+selectedOptionText+'")');
        });
		
    });
	
    db.transaction(function(tx) {	
	tx.executeSql('INSERT INTO customers_basket (customers_id, products_id, products_unique_id, customers_basket_quantity, final_price, customers_basket_date_added) values ("1" , "'+prodID+'" , "'+mystringId+'" , "1" , "0" , "'+addedOn+'")');
    });
	
	}else{
	tx.executeSql('UPDATE customers_basket SET customers_basket_quantity = customers_basket_quantity + 1 WHERE products_unique_id ="'+ mystringId +'"');
	tx.executeSql('UPDATE customers_basket_attributes SET customers_basket_quantity = customers_basket_quantity + 1 WHERE products_unique_id ="'+ mystringId +'"'); 
	
	}
	});
		});
$('.ui-dialog').dialog('close');

});

Code where the option selectmenu is generated:

option.text(val+ ' (' +prefix+ ' ' +price+ ') '); representing the required regexp / alternativecode

Code:

    for(key in products_options_array)
        {
       
    var value=products_options_array[key];
	    
	    prodOpId = value['products_options_id'];
	    prodOpName = value['products_options_name'];
        prodOpValueId = value['products_options_values_id'];
	    prodOpValueName = value['products_options_values_name'];
		prodOpValuePrice = value['options_values_price'];
		prodOpValuePrefix = value['price_prefix'];
	   
    var arr = [
        {
        optionname: prodOpName,
        optionvalue: prodOpValueName,
		optionnameid: prodOpId,
		optionvalueprice: prodOpValuePrice,
		optionvaluepriceprefix: prodOpValuePrefix,
		}
        ];


    for (var i = 0; i < arr.length; i++) {
    var r = arr[i];
	//console.log(r);
        name    = r.optionname;
        val     = r.optionvalue;
		nameid  = r.optionnameid;
		valueid = r.optionvalueid;
		price = r.optionvalueprice;
		prefix = r.optionvaluepriceprefix;
    if ($("#prodAttributes_"+prodID+" select").is("[name*=" + name + "]")) {

	var select = $("#prodAttributes_"+prodID).find("select[name*=" + name + "]");
    var option = $("<option>");
        option.val(valueid);
		if (price == 0){
        option.text(val);
		}else{
        option.text(val+ ' (' +prefix+ ' ' +price+ ') ');
		}
		select.append(option);
      } else {
  
    var select = $("<select>");
        select.attr("name", name);
        select.attr("id", nameid);
    var option = $("<option>");
        option.val(valueid);
		if (price == 0){
        option.text(val);
		}else{
        option.text(val+ ' (' +prefix+ ' ' +price+ ') ');
		}
        select.append(option);
	var label = $("<label>");
		label.attr("class", "select");
        label.attr("for", name);
    
        
		label.text(name);
	    fieldset.append(select);
        myform.append(div);
        $(myform).appendTo("#prodAttributes_"+prodID);

        }
	
        }
	    }
        myform.append(myinput);	
        myform.trigger('create');

Thank you verry much!!!!!!!!!

I was wondering if anyone could help me with regexp:

1)I would like it so that both a first and last name can be entered and that both ' and - can be included
2)I would like it so that addresses have to start with a number and then each word afterwards has to start with a capital letter and can include full stops, ' and -

Any help is appreciated!

Hey guys,

What is wrong with the following regular expression:

Code:

<script language="javascript" type="text/javascript">


document.write('\\Green Apple\\u003c\\\/a>'.match(/(.*)\\\\u003c\\\\\\\/a>/));

</script>

The ouput is: null
I am escaping each backlash but it doesnt seem to be working...

Code:

<html>
	<head>
		<script>
			function testemail(){
			var fld= document.getElementById("input1").value;
			var reg = /^[\w+]@[\w+].com$/i;
			if(reg.test(fld))
			{
				alert("email is ok");
			}
			else
			{
				alert("email is not correct");
			}

			}
		</script>
	</head>
	<body>
		<p>
			<form name="form1" onsubmit="testemail()">
				enter email : <input id="input1" type="text" /> <input id="input2" type="submit" value="Submit" />
			</form>
		</p>
	</body>
</html>

I am trying to test an email ID with above RegExp. I enter a correct email or not, I am always getting message "email is not correct" So RegExp is not working. How can I find out whats wrong with this RegExp ? Is there any tool to figure that out ? I tried with FireBug, but it does not point to whats wrong with RegExp

Thanks

hello all

I am working on a keyword filter and am stuck on something that I am hoping someone has more experience with

my problem is that I am trying to pass a regular expression as a variable to the RegExp() function in javascript but it does not seem to be working

example below

Code:

var X = '^(?=.*?(';
var Y = 'dog))(?=.*?(cat))(?=.*?(mouse'; // this gets created dynamically
var Z = ')).*$';

var A = X + Y + Z;
// result is ^(?=.*?(dog))(?=.*?(cat))(?=.*?(mouse)).*$ and is a valid and tested expression

var B = new RegExp(A, 'i');

I want to pass B to a search() function but it does not seem to be accepted as a valid expression anymore

thanks for any help