JavaScript - Modify Tag

Hi

My html document contain many images which has the attribute src of img tag as the flowing :

PHP Code:
http://images.mysite.com/a/p/ap.eba553af4b719.ec03.jpg?x=210&y=83&q=85&sig=Tua1ukyUEVKTPSsz7xGPsg-- 


All those images has the common source folder http://images.mysite.com/a/p
This is an example :




PHP Code:
<img
src = "http://images.mysite.com/a/p/ap.eba553af4b719.ec03.jpg?x=210&amp;y=83&amp;q=85&amp;sig=Tua1ukyUEVKTPSsz7xGPsg--"
width = "105"
height = "73"

> 


I tried during many days to find the solution using RegExp but I didn't arrives. What I want to do is


I - change for all image from the seem folder the src attribute to match the exact url of the image without special characters, for this example :

PHP Code:
http://images.mysite.com/a/p/ap.eba553af4b719.ec03.jpg?x=210&amp;y=83&amp;q=85&amp;sig=Tua1ukyUEVKTPSsz7xGPsg-- 


Became :

PHP Code:
http://images.mysite.com/a/p/ap.eba553af4b719.ec03.jpg 


II - Control the width and height of the image by changing its height and width attributes resp. from two javascript variables :

PHP Code:
var v_width = 320 // Just for example

var v_height = 250 // Just for example 



This is an example of try didn't work for me, for the first issue :

PHP Code:
var element = document.getElementsByTagName("img");
    for(var i=0;i<element.length;) {
    
    var myString = new String();
    
    var myRegExp = new RegExp("http:\/\/d\.images\.mysite\.com\/a\/p[^\?]*(jpg|png|gif)","i");
    var myRegExp0 = new RegExp("\?.*","i");
    myString = element[i].getAttribute("src");
    
    if(myRegExp.test(myString))
        {
            var newString = myString.replace(myRegExp0,"");    
            element[i].setAttribute("src",newString);
            }
    
    } 


Help me please

Think you

hello, I got this javascript code to avoid bots to fill out with trash the forms I have in my website:

<script type="text/javascript">
var a = Math.ceil(Math.random() * 10);
var b = Math.ceil(Math.random() * 10);
var c = a + b
function DrawBotBoot()
{
document.write("Cuanto es "+ a + " + " + b +"? ");
document.write("<input id='BotBootInput' type='text' maxlength='2' size='2'/>");
}
function ValidBotBoot(){
var d = document.getElementById('BotBootInput').value;
if (d == c) return true;
return false;

}
</script>

<P>Are you human?<br />

<script type="text/javascript">DrawBotBoot()</script>

<P>
<INPUT id="Button1" name="SUBMIT" TYPE="SUBMIT" VALUE="ENVIAR" onclick="alert(ValidBotBoot());"/>
<INPUT name="RESET" TYPE="RESET" VALUE="BORRAR">

My problem is that the form sends itself even if you dont type the correct answer, I would like to Validate first and then allow me to send the form after validation.

You can see the form he http://www.futuros.com/mercados_calientes.html
feel free to play with it, i know is the only way to actually see what i'm trying to accomplish.

Thanks,
Alan

Hi I am a new user to JS, and I have a problem he

I have some JS code to work on a data set with file name "data.txt" in the header section of an HTML page.
Code:

<script type="text/javascript" src="data.txt"></script>

What I am trying to do is to ask a user to input a different file name, then update the file name in the <script> tag, for example, to

Code:

<script type="text/javascript" src="new_data.txt"></script>

But I don't know how to update the file name. Any help will be appreciated.

hi,
I need to modify IE print settings(paper size, print orientation) automatically,
by javascript and can not use ActiveX control or reduce IE security setting.
Can any one tell me how to implement this function,Thanks.

Hey guys, wondering if anyone can help me.

My JS knowledge is pretty non-existent.


Basically I am currently using this code for a day countdown:

Code:

<script>

//change the text below to reflect your own,
var before=""
var current=""
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var futurestring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1)
var dstring=difference.toString()
if (difference==0)
document.write(current)
else if (difference>0){
document.write("")
for (i=0;i<=dstring.length-1;i++)
document.write('<img src="/c'+dstring.charAt(i)+'.png">')
document.write('<img src="/days.png">'+before)
}
}
//enter the count down date using the format year/month/day
countdown(2011,08,17)
</script>

I like this script because it outputs in images. As you can see in my site at: http://www.bigbrothersite.co.uk/ (in the header)

My question is, can that script above be adapted so it also works as a count up script.

For example, from the 17th of august, can i somehow adapt it so i can use it to count up the days?

Any help please.

Thanks!

I have a page that open two frames. Second frame, most of the page, is empty. First frame contains a form that retrieves user input, when you click the button, it send that input back to the original parent html, which detects the GET parameters, and builds a custom URL.

I want to then load that custom URL in the 2nd empty frame. I figure I need to modify the src atttribute of the 2nd frame in the frameset, but I can't make it work.

Code:

<frameset id='parent' rows='10%,90%'>
    <frame id='frm1' src='./form.html' />
    <frame id='frm2' src='' />
</frameset>
<script>modFrmSrc();</script>

where modFrmSrc() checks for the GET values, builds the URL, and then tries to load the URL in frm2.

Is there a way to get this done?

I am using the simple password script from http://www.allwebco-templates.com/su...ect_simple.htm where the password is contained in the header script.
I need to change the password, e.g. from Jan to Feb to Mar to Apr etc.
How could I modify the script to contain the list of passwords, and have it automatically utilise/apply the correct password for the current month?
To a non-javascript person like me this seems like it should be simple.....
Can anyone please suggest a solution?
Thanks muchly in advance.

Hello,

I've made a JS code that declare events based on year, month and days.
Each date represents an event.
The code works well but I'd like to improve the declaration when several days with the same description are following to reduce declaration lines.

Here's the actual working code:

var events = [

>> {year: '2011', month: '11',day: '1',description: "test description",url: '',newpage: false,mark_as_event: false},
>> {year: '2011', month: '11',day: '2',description: "test description",url: '',newpage: false,mark_as_event: false},
>> {year: '2011', month: '11',day: '3',description: "test description",url: '',newpage: false,mark_as_event: false},
>> {year: '2011', month: '11',day: '4',description: "test description",url: '',newpage: false,mark_as_event: false},
//I would like replace the 4 lines here above by something like this:
>>>>> {year: '2011', month: '11',(day: '1','2','3'),description: "test description",url: '',newpage: false,mark_as_event: false},

{year: '2011', month: '11',day: '11',description: "11 november",url: '',newpage: false,mark_as_event: false},
{year: '2012', month: '4',day: '30',description: "easter",url: '',newpage: false,mark_as_event: false},
{year: '2012', month: '5',day: '1',description: "1 mai",url: '',newpage: false,mark_as_event: false},
{year: '', month: '',day: '',description: "",url: '',newpage: true,mark_as_event: true}
];

var temp_date=new Array(); //init current month data
var temp_url=new Array();
var temp_newpage=new Array();
var temp_mark_as_event=new Array();

for (var i = 0; i < events.length; i++) { //Current month data are used here
if (events[i].year==cal_year && events[i].month==(cal_month + 1)){
temp_date[events[i].day]=events[i].description;
temp_url[events[i].day]=events[i].url;
temp_newpage[events[i].day]=events[i].newpage;
temp_mark_as_event[events[i].day]=events[i].mark_as_event;
}
}


Is it possible and how ?
Thank you very much

Gino

Hi,

I came across this thread and I've decided to use jmrker's code.
Code:

<html>
<head>
<title>Clock Example</title>
<script type="text/javascript">

function startTime() {
  var d=(new Date);
 		
  var str = d.toLocaleTimeString().toLowerCase().replace(' ','');
  var tmp = d.toLocaleDateString().split(' ');
  var dm = d.getDate();
  switch (dm) {
    case 1: case 21: case 31: dm += 'st'; break;
    case 2: case 22: dm += 'nd'; break;
    case 3: case 23: dm += 'rd'; break;
    default: dm += 'th'; break;
  }
  str += ' '+tmp[0].substr(0,3)+', '+tmp[1].substr(0,3)+' '+dm+', '+tmp[3];
  startTime.out.innerHTML = str;
}

onload = function(){ 
		startTime.out=document.getElementById("time");
		setInterval(startTime, 1000); 
};
</script>
<body>
<div id="time"></div>
</body>
</html>

However, I would like to modify some elements. Right now the date and time are displayed in this format: Quote:
9:58:45am Sat, Feb 26th, 2011
I would like to know how to change it to look like this: Quote:
SAT 09:58:45 AM
(for example)

Could someone please break down the code and let me know what I need to change to get this to work? Or, if it's less trouble, just change the code for me?

Thanks, I appreciate your time.

I need educating please.

I have a javscript page (fred.js) that contains some variables and some code. I want to be able to change the variables (in particular an array) within fred.js on the server and store the new version of fred.js back on the server.

I can write a php routine that stores the array in a MySQL table. Now I want to know how to write some code (and in what language) to read the MySQL table and update fred.js and store it back onto the Server.

Can someone please tell me what language I should be using to do this (Ajax??) so that I can do some reading please.

I could of course simply write some php code to read the table and pass the parameters to a js page and build the array as each person accesses the web page but this would be slow. Hence I would prefer to have the ability to update the js page and store it back onto the server.

Is this possible?

Code:

String.prototype.trim = function(){
	return this.replace(/^\s+|\s+$/g, "");
}

var myStr = "  Hi what's up?  ";
myStr.trim();
alert("{" + myStr + "}"); //will result in the original string, not the trimmed version

It's possible with numbers:

Code:

var myNum = 10;
myNum++;
alert(myNum); //11

I trying to modify that username password script so that only a password is needed,and if entered correctly, it takes you to a certain webpage but the script seems to break when I take out the username variables..is there any way I can do this?

Heres the script, its from the resources on javascriptkit. How would I do this?

Any help would be appreciated!

Heres the script I found.
<script type = "text/javascript">


var count = 2;
function validate() {
var un = document.myform.username.value;
var pw = document.myform.pword.value;
var valid = false;

var unArray = ["Philip", "George", "Sarah", "Michael"]; // as many as you like - no comma after final entry
var pwArray = ["Password1", "Password2", "Password3", "Password4"]; // the corresponding passwords;

for (var i=0; i <unArray.length; i++) {
if ((un == unArray[i]) && (pw == pwArray[i])) {
valid = true;
break;
}
}

if (valid) {
alert ("Login was successful");
window.location = "http://www.google.com";
return false;
}

var t = " tries";
if (count == 1) {t = " try"}

if (count >= 1) {
alert ("Invalid username and/or password. You have " + count + t + " left.");
document.myform.username.value = "";
document.myform.pword.value = "";
setTimeout("document.myform.username.focus()", 25);
setTimeout("document.myform.username.select()", 25);
count --;
}

else {
alert ("Still incorrect! You have no more tries left!");
document.myform.username.value = "No more tries allowed!";
document.myform.pword.value = "";
document.myform.username.disabled = true;
document.myform.pword.disabled = true;
return false;
}

}

</script>

<form name = "myform">
<p>ENTER USER NAME <input type="text" name="username"> ENTER PASSWORD <input type="password" name="pword">
<input type="button" value="Check In" name="Submit" onclick= "validate()">
</p>

</form>

Hi all.... newbie here. Have just finished my eccomerce site and it's ready to go but have come across a stumbling block. I use webplus4 which is a great web design program... except for one thing. The site search tool is very weak... it won't find results for words of less than 4 characters... and since my website is about plush pets this is important. For instance if you type in the breed 'pug' it says 0 results found. Same if you enter Old English Sheepdog, it ignores the entire search term because of the world 'old'. If you enter plush pug, it also ignores the entire search string.

I don't have the money to purchase software nor the time and then configure the javascript to match my site. Is there anyone out there that can modify the following javascript file (jsSiteSearch.js) so that the search will not ignore words of 3 letters? Am aware that once modified I will have to replace the file each time but it will be worth it. By the way, no one on the webplus forums seems to know how to do it.

Here is the code... (have removed all the keywords)...

function GetSiteSearchResults(newWindow,frameObject,frameObjectName,fontFace,fontSize,fontColour,linkFace,lin kSize,linkColour,resultsText)
{
var sTerms="";
var iDepth = 0;
var sURL = new String(document.location);
if (sURL.indexOf("?") > 0)
{
var arrParams = sURL.split("?");
var arrURLParams = arrParams[1].split("&");
for (var i=0;i<arrURLParams.length;i++)
{
var sParam = arrURLParams[i].split("=");
var sValue = unescape(sParam[1]);
if( sParam[0] == frameObjectName)
sTerms = sValue;
if( sParam[0] == "depth")
iDepth = parseInt(sValue);
}
}
var d=frameObject.document;
if (sTerms=="") {d.open(); d.write("<html><head></head><body style=\"background: transparent;\"></body></html>"); d.close();return;}
var sBack=""; for (i=0; i<iDepth; i++) sBack+='..\\\\';
d.open();
d.write("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
d.write("<html lang=\"en\">");
d.write("<head>");
d.write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">");
d.write("</head>");
d.write("<body style=\"margin: 0px 0px 0px 0px; font-family: "+fontFace+"; font-size: "+fontSize+"; color: "+fontColour+"; background: transparent;\">");
d.write("<div id=\"wpSearchResults\"></div>");
d.write("<script type=\"text/javascript\">");
d.write("var wordMap = new Array(\"...........................................);

d.write("function doNav(ind)");
d.write("{");
if (newWindow)
d.write(" window.open(\""+sBack+"\"+linkMap[ind],\"_blank\");");
else
d.write(" parent.window.location.href=linkMap[ind];");
d.write("}");
d.write("function wpDoSearch(searchTerms){");
d.write("var terms = searchTerms.split(\" \");");
d.write("if (terms==\"\") return;");
d.write("var results = \"\";");
d.write("var resultscount = 0;");
d.write("for (var i=0; i<wordMap.length; i++)");
d.write("{");
d.write(" var found=true;");
d.write(" for (var j=0; j<terms.length; j++)");
d.write(" if (wordMap[i].indexOf(terms[j].toLowerCase())==-1) found=false;");
d.write(" if (found)");
d.write(" {");
d.write(" results+=\"<a style=\\\"cursor: pointer; font-family: "+linkFace+"; font-size: "+linkSize+"; color: "+linkColour+"; \\\" onclick=\\\"doNav(\"+i+\");\\\"><u>\"+pageMap[i]+\"</u></a><br>\"+preMap[i]+\"...<br><br>\";");
d.write(" resultscount++;");
d.write(" }");
d.write("}");
d.write("document.getElementById(\"wpSearchResults\").innerHTML=resultscount+\" "+resultsText+" \"+searchTerms+\"<br><br>\"+results;");
d.write("}");
while(sTerms.indexOf("\"") != -1 ) {
sTerms = sTerms.replace("\"","");
};
d.write("wpDoSearch(\""+sTerms+"\");");
d.write("</script>");
d.write("</body></html>");
d.close();
}

Thanks so very much in advance. Any help asap will be much appreciated.

Cheers

I have been using this sideshow example which works great but I want to be able to click on the slideshow picture to take me to another link (hyperlink)

I also wanted to have links next to the slidehsow which would go to a certain picture in the slideshow for example by pressing link "go to picture 3" it would scroll automatically to picture 3 in the slideshow


I have been using examples from: http://www.dynamicdrive.com/dynamici...nslideshow.htm this but I am willing to change to another version if I can't do that with this slideshow scrit

I am presently using a script provided by http://javascript.internet.com/forms...drop-down.html. This script works great, however I need three sequential drop down menus rather than the two provided in this script. I need Country > Province/State > Cities. Unfortunately I am not a programmer, but generally muddle along to a resolution. In this case I am stumped. Can anyone show me what needs to be added to that existing script to convert it into a three menu script instead of two? I've searched extensively but find nothing about this. I apologize in advance for my lack of scripting knowledge, but much of JavaScript leaves me thoroughly confused. With html I am fine, but at 69 years of age the 'newer' scripts are leaving me behind.