JavaScript - Edit Css With Javascript

Could someone edit this script so the date is always 2 weeks infront of the actual date?

<script language="JavaScript">
<!--
var now = new Date();
var days = new Array(
'Sunday','Monday','Tuesday',
'Wednesday','Thursday','Friday','Saturday');
var months = new Array(
'January','February','March','April','May',
'June','July','August','September','October',
'November','December');
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
function fourdigits(number) {
return (number < 1000) ? number + 1900 : number;}
today = days[now.getDay()] + ", " +
months[now.getMonth()] + " " +
date + ", " +
(fourdigits(now.getYear()));
document.write(today);
//-->
</script>


Thanks

Hi there, I have a listbox and an Edit button. The user will need to click on the email address in the listbox before clicking on the button to edit. But then, the email address will be displayed on the prompt box's textbox, and even without editing it, the user can get scot-free.

I would want to remove the email address on the prompt box's textbox, and also to check for null entries. If it is null, it will display an alert message. Else, it will check if it is a valid email address.

My code is as follow:



Code:

function editItem()
{
    var listbox = document.getElementById('listBox'); // listbox control id
    var newValue = lst.value;
    if(newValue != "")
    {
        var newItem = prompt("Enter the new email address",newValue);
        if(newItem == "")
        {   
            alert("Please key in an email address into the textbox.");
            return false;
        }
        
        else
        {
            listbox.options[listbox.selectedIndex] = new Option(newItem,newItem,false,false);
            return false;
            arrTexts = new Array();
            
            validRegExp =/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/

            // search email text for regular exp matches
            if (arrTexts.value.search(validRegExp) ==-1 )
            {
              alert('A valid e-mail address is required.\nPlease try again.');
              return false;
            }
            
            else
            {
                for(i=0; i<listbox.length; i++) 
                {
                    arrTexts[i] = lst.options[i].text;
                }

                arrTexts.sort();

                for(i=0; i<listbox.length; i++) 
                {
                    listbox.options[i].text = arrTexts[i];
                    listbox.options[i].value = arrTexts[i];
                }                    
            }
        }
    }
    else
    {
        alert('Select Item From The List To Edit ');
    }
}

HTML



Code:

select id="lstBxEmail" name="listBoxEmail" size="6" style="width: 580px;">                                          <option>figFruit@msn.com</option>                                                                                <option>apple@hotmail.com</option>                                          <option>cherry@yahoo.com</option>                                          <option>banana@hotmail.com</option>                                          <option>elephantApple@ymail.com</option>                                          <option>durian@gmail.com</option>                                                                          </select>   
<select id="listBox" name="listBox" size="3" style="width: 580px;">

 <option>hello@msn.com</option>                                      

<option>wowAmusers@hotmail.com</option>

<option>yrulikethis@yahoo.com</option>                         

 </select>

Hello all kind people

I have this scroll to top code, but to edit it need some help.
the problem is that I will not see this eksamplen the page evry time, would like to reach all the way down on the side to be displayed.

Thanx for all comment and help

Here is Scroll to Top code:

<script type="text/javascript">
$(document).ready(function() {
$('.top').addClass('hidden');
$.waypoints.settings.scrollThrottle = 30;
$('#wrapper').waypoint(function(event, direction) {
$('.top').toggleClass('hidden', direction === "up");
}, {
offset: '-100%'
}).find('#main-nav-holder').waypoint(function(event, direction) {
$(this).parent().toggleClass('sticky', direction === "down");
event.stopPropagation();
});
});
</script>

Is there a way to make a script that edits something on a different page.

Is there any way that I can have multiple textboxes where the user can enter text (such as "black or green") and it would edit a css file, like this:

Code:

<style>
body{
background-color:INPUT;
}
</style>

<input type="text" name="bg"/>

?

i have a multiple checkbox of options1,options2,options3,options4.i want to do when i add options1,options2,options3 it will shows on the database.and when i will go to my edit page it will shows that the options1,options2And options3 are already checked.how can i do this?please anybody help me .my code is below
body portion
<body>
<form name="name" method="post" id="f1" action="insertpage.php">
<fieldset><legend align="center">Page Information</legend>
Page Title:<input type="text" name="pagetitle" />
<br />
page Description:<textarea name="pagedescription"></textarea>
<br />
Keywords:<input type="text" name="keywords"><br />
Content:<textarea name="content"></textarea><br />
<INPUT NAME="options" TYPE="CHECKBOX" value="1">
Option 1<BR>
<INPUT NAME="options" TYPE="CHECKBOX" VALUE="2">
Option 2<BR>
<INPUT NAME="options" TYPE="CHECKBOX" VALUE="3">
Option 3<BR>
<INPUT NAME="options" TYPE="CHECKBOX" VALUE="4">
Option 4<BR>
<input type="submit" value="Add" id="f1" name="submit">
</fieldset>
</form>
</body>

insert page
<?php
include 'config.php';
//require_once 'includes/sessions.php';
$pt=$_REQUEST['pagetitle'];
$md=$_REQUEST['pagedescription'];
$mk=$_REQUEST['keywords'];
$mc=$_REQUEST['content'];
$chk=$_REQUEST['options'];
$sql="insert into `page`(`page_title`,`meta_des`,`meta_keywords`,`meta_content`,`checkbox1`)values('$pt','$md','$mk',' $mc','$chk')";
$r=mysql_query($sql) or die ("Couldn't select" . mysql_error());
?>

edit page
<?php
$id=$_REQUEST['id'];
$pt=$_REQUEST['pagetitle'];
$md=$_REQUEST['pagedescription'];
$mk=$_REQUEST['keywords'];
$mc=$_REQUEST['content'];
$chk=$_REQUEST['options'];
$sql="update `page` set `page_title`='$pt',`meta_des`='$md',`meta_keywords`='$mk',`meta_content`='$mc',`checkbox1`='$chk' where `page_id`='$id'";
$r=mysql_query($sql)or die ("Couldn't select" . mysql_error());
header("locationage1.php?id=<?php echo $id;?>");
?>


<?php
session_start();
//require_once 'includes/sessions.php';
include 'config.php';
$id=$_REQUEST['id'];
$query="select * from `page` where page_id=".$id;
$result=mysql_query($query) or die ("Couldn't select" . mysql_error());
$row=mysql_fetch_array($result);
?>
editview page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<form name="name" method="post" id="f1" action="page2.php?id=<?php echo $id;?>">
<fieldset><legend align="center">Page Information</legend>
Page Title:<input type="text" name="pagetitle" value="<?php echo $row['page_title'];?>" />
<br />
page Description:<textarea name="pagedescription" ><?php echo $row['meta_des'];?></textarea>
<br />
Keywords:<input type="text" name="keywords" value="<?php echo $row['meta_keywords'];?>"/><br />
Content:<textarea name="content"><?php echo $row['meta_content'];?></textarea><br />
<INPUT NAME="options" TYPE="CHECKBOX" VALUE="<?php echo $row['checkbox'];?>">
Option 1<BR>
<INPUT NAME="options" TYPE="CHECKBOX" VALUE="<?php echo $row['checkbox'];?>">
Option 2<BR>
<INPUT NAME="options" TYPE="CHECKBOX" VALUE="<?php echo $row['checkbox'];?>">
Option 3<BR>
<INPUT NAME="options" TYPE="CHECKBOX" VALUE="<?php echo $row['checkbox'];?>">
Option 4<BR>
<input type="submit" value="Update" id="f1" name="submit">
</fieldset>
</form>
</body>

Hi all,

i want to change which videos I have on rideoutproductions.co.uk. For the speeches video there is rideoutproductions.co.uk/speeches.html which contains only references to speeches.swf.. not speeches.flv which is the video file itself.

I have created new flv's of the same dimensions as the existing ones, but do not know how to edit an swf as to which flv it points to...

I hope that makes sense.

many thanks

Hi, I have no experience with javascript. For several hours I have been trying to figure out how to use it but I cannot. I want to change the layout of a page to something that would be much more readable.

Recently the website Cramster has moved to Chegg and I don't like the layout. Everytime I load a problem I have to make the two changes in this screenshot:



I expand the answer box then delete the footer because it overlaps in front of the answer box. Here is a screenshot of the before and after of what it does:



How do I create a script to automate this every time I go to this site? I'm at a loss and tried all kinds of codes that are supposed to remove elements, but none have done anything.

I know I don't have any code to show here, but I don't know what is supposed to work.

Please help, thank you!

I want to limit a textarea to 500 characters. So somebody can't type in more than 500 characters or paste anything with more then 500 characters in the text box.

However, if somebody were to enter something into the fields favoritedrink OR to favortefood, then I want the limit to change to 100 characters for the textarea. How can I do that using Javascript?

I am using the form code below as an example.

Code:

<form action="">
<input type="text" name="firstname"><br />
<input type="text" name="lastname">
<textarea rows="2" cols="20" name="description"></textarea>
<input type="text" name="favoritefood">
<input type="text" name="favoritedrink">
</form>

I need some help for my site and would so much appreciate if somebody can help me with my problem. Thanks so much for any help.

Hi,

I am using a password protection javascript code that works very well, but my problem is that I would like to edit the code so that the ".html" page will open inside an iframe on the main page. I think the code "window.location=verification+extension" needs to be edit to indicate the iframe that I want the html page to open in. The complete code is below in bold and parts of code in red text is where I think I need to edit, but I don't know how to edit the code to do what I want.

Can anyone please Help Me, Thanks to all that respond.


<!--
var pass=new Array()
var t3=""
var lim=7
pass[0]="TLMXe8VqAwsAllw"
pass[1]="YeWAc9pfP1rmGrA"
pass[2]="M8ljslaPqg0mQQp"
pass[3]="SRdDwXWa0LSsGB"
pass[4]="83I2WyO06m3aUjs0"
pass[5]="453I2WyO06m3aUjs"

var extension=".html"
var enablelocking=0
var numletter="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
var temp3=''
var cur=0

function max(which){
return (pass[Math.ceil(which)+(3&15)].substring(0,1))
}

function testit(input){
temp=numletter.indexOf(input)
var temp2=temp^parseInt(pass[phase1-1+(1|3)].substring(0,2))
temp2=numletter.substring(temp2,temp2+1)
return (temp2)
}

function submitentry(){
t3=''
verification=document.password1.password2.value
phase1=Math.ceil(Math.random())-6+(2<<2)
var indicate=true
for (i=(1&2);i<window.max(Math.LOG10E);i++)
t3+=testit(verification.charAt(i))
for (i=(1&2);i<lim;i++){
if (t3.charAt(i)!=pass[phase1+Math.round(Math.sin(Math.PI/2)-1)].charAt(i))
indicate=false
}0
if (verification.length!=window.max(Math.LOG10E))
indicate=false
if (indicate)
window.location=verification+extension
else
alert("Invalid password. Please try again")
}
//-->

Made a topic earlier about "auto klick" for swf button but i got response ,its not posible todo that.. so i have another question!!

Is it posible to make the swf button invisible but still clickable and then have a background so it looks like its another button?
or is there any other way to edit design for the button!
OBS! i only have the swf not the flv file!

Code:

<html class="no-js" lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"> <!--<![endif]-->
<head>


  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<script src="http://www.google.com/jsapi?key=ABQIAAAAAJ5I0tmbz-jcO3Ja4fwvEBTb9u7IFi28hLXI-qXjI6UBBcarTBQ49g-wp7Wxnow1_w9F-7_GcOOnyg"></script>
    <script>
    google.load("jquery", "1.7.0");
    google.load("swfobject", "2.2");
    </script>
</head>

 
<body>
  <div id="container">
    <div id="main" role="main">
 
		<div id="data" class="channel">
		
			<div id="openbutton">
			<div id="flashcontent1";></div>


			
	<!-- DR1 Start --><script>
    		params = {};
    		params.text = 'DR1';
   			 params.action = "channel";
   			 params.value = "40";  
    		swfobject.embedSWF('content/linkbutton.swf', 'flashcontent1', '145', '30', '9.0.115', 'content/expressinstall.swf', params, {allowFullscreen:'true', wmode: 'transparent' ,bgcolor: '#FFFFFF', menu: 'false'}, {id: 'flashcontent1'});  
   		 	
			<!-- DR1 Ends --></script>



	</div></div></div> </div></body></html>

Hi Guys,

I am trying to make a function that will search for a substring, in this case 'http://instagr.am/p/' within a text area on a form then add '[embed]' & '[/embed]' tags around it.

I have currently got the following code

Code:

<script type='text/javascript'> 
	function show_alert() {
		str = formname.elements['inputid'].value;
		arr = (str.split(' ') + '<br />'); 
		jQuery.each(arr, function() {
			if (arr.indexOf('http://instagr.am/p/') >= 0) {
				alert('An http://instagr.am/p/ link has been found');
				//alert('It is entry ... in the array');
				//Then edit the entry 
			}
		}
		);
	} 
</script>

This breaks the contents of the textarea (at spaces) into an array then finds any entries with 'http://instagr.am/p/' in them (could be 'http://instagr.am/p/29fdghHdv').

Once it has found any and all of these entries it will add an '[embed]' code to the beginning and an '[/embed]' tag at the end.

Example...

http://instagr.am/p/vuHdeyfa2
is converted to:
'[embed]http://instagr.am/p/vuHdeyfa2[/embed]'

Then the changes must reflected in the textarea input

"formname.elements["textareaid"].value = editedstring;


Thankyou for your assistance.

Hello,

I have found this JS code that makes a window popunder on the first click when someone clicks anywhere on the page. This code seems to bypass any inbuilt browser pop up blockers.

Code:

// JavaScript Document
var stagedPopFrequency = "1 days";
var stagedCookieName = "__name";

if (!document.currentStage)
  document.currentStage = 0;
document.currentStage++;

if (document.currentStage == 1) {
  function stagedGetCookie(Name) {
    var search = Name + "=";
    var returnvalue = "";
    if (document.cookie.length > 0) {
      offset = document.cookie.indexOf(search);
      if (offset != -1) { // if cookie exists
        offset += search.length;
        // set index of beginning of value
        end = document.cookie.indexOf(";", offset);
        // set index of end of cookie value
        if (end == -1)
          end = document.cookie.length;
        returnvalue = unescape(document.cookie.substring(offset, end));
      }
    }
    return returnvalue;
  }

  function stagedSetCookie(Name, Value, Expire) {
    if (Expire != null) {
      var expireDate = new Date();
      expireDate.setDate(expireDate.getDate() + parseInt(Expire));
      document.cookie = Name+"="+Value+";path=/;expires=" + expireDate.toGMTString();
    } else {
      document.cookie = Name+"="+Value+";path=/";
    }
  }

  function stagedResetCookie(Name) {
    var expireDate = new Date();
    expireDate.setDate(expireDate.getDate() - 10);
    document.cookie = Name+"=;path=/;expires=" + expireDate.toGMTString();
  }

  function stagedPopUnder() {
    if (stagedGetCookie(stagedCookieName) == '') {
      var thisStage = 1;
      var stageFunc = eval('window.popUnderStage'+thisStage);
      if (stageFunc != undefined) {
        stageFunc();
        stagedSetCookie(stagedCookieName, thisStage + 1, stagedPopFrequency);
      }
    } else {
      var thisStage = parseInt(stagedGetCookie(stagedCookieName));
      var stageFunc = eval('window.popUnderStage'+thisStage);
      if (stageFunc != undefined) {
        stageFunc();
        stagedSetCookie(stagedCookieName, thisStage + 1, stagedPopFrequency);
      }
    }
  }

  function stagedAttachBody() {
    if (document.body) {
      if (document.all) {
        document.body.attachEvent('onclick', stagedPopUnder);
      } else {
        document.body.addEventListener('click', stagedPopUnder, false);
      }
    } else {
      setTimeout('stagedAttachBody()', 200);
    }
  } stagedAttachBody();
}

if( parseInt(navigator.appVersion) > 3 )
{
   winWidth = screen.availWidth;
   winHeight = screen.availHeight;
}
else
{
   winWidth = "1024";
   winHeight = "768";
}

var stagedTmpFunc = function() {
  var pu = window.open("http://www.domain.com", "_blank", "width=" + winWidth + ",height=" + winHeight + ",scrollbars=1,resizable=1,menubar=1");
  pu.blur();
  window.focus();
  
  
}
eval('window.popUnderStage'+document.currentStage+' = stagedTmpFunc;');
stagedTmpFunc = null;

This will work across IE, FF and Chrome. What im trying to do is get this code to pop 2 windows on the first click. Ive tried calling this script twice in the html but this causes one window to pop on the first click and another on the second.

Ive tried to do this:

Code:

var stagedTmpFunc = function() {
  var pu = window.open("http://www.domain1.com", "_blank", "width=" + winWidth + ",height=" + winHeight + ",scrollbars=1,resizable=1,menubar=1");
  pu.blur();
  window.focus();
  
    var pu = window.open("http://www.domain2.com", "_blank", "width=" + winWidth + ",height=" + winHeight + ",scrollbars=1,resizable=1,menubar=1");
  pu.blur();
  window.focus();
  
}

But this causes IE to keep popping the windows on every single click, I tried another variation, I numbered the second window "var pu2" or something like that, I cant quite remember. But this still did not work. It just caused errors.

If this code cannot be edited to pop 2 windows on the first click, does anyone have another code which can and still bypass the pop up blockers built into browsers?

Thanks

Hi,
I am not sure if what I am trying to do can be done, but basically I want to add/edit/delete information in a text area from inputs.

I know how to add from inputs to text area but I am struggling with the edit and delete.

Code:

<script language="javascript" type="text/javascript">
function addtext() {
	var newtext = document.AddProduct.extran.value + ":" + document.AddProduct.extrav.value + "|";
	var newfields = document.AddProduct.extran.value + ":" + document.AddProduct.extrav.value + "|";
	document.AddProduct.extraf.value += newtext;
	document.getElementById("fields") += newfields
	
	
}
function removetext()
{
	var re = new regExp("(^|,)\\s?user3","gi");
	document.getElementById('extraf').innerHTML = document.getElementById('extraf').innerHTML.replace(re,"");
}
</script>
</head>

<body>
<form method="post" enctype="multipart/form-data" action="process-forms.php" name="AddProduct" class="admin_form">

        <dl>
        	<dt><label for="Addfield">Custom Field(s) :</label></dt>
            <dd>Name: <input size="10px" type="text" name="extran" id="extran" value=""> Value:<input size="10px" type="text" name="extrav" id="extrav" value=""></dd>
        </dl>
        <dl>
	        <dt>blej</dt>
	        <dd><textarea name="extraf"></textarea>
			<input type="button" value="Add New Text" onClick="addtext(AddProduct);"><br/>
            <input type="button" value="Remove Text" onClick="removetext();">
			</dd>
        </dl>
        <div name="fields" id="fields">here</div>
        </form>

Currently if you click add, it adds the 2 input fields in to the text area separated by : and then ended by | so I can determine new lines, the first input will be "name" the second will be the "value".

What I would like to do is be able to edit and delete these from the text area if possible?

Hope some one can point me in the right direction?

Thanks

Dear all Gurus,

I'm stucked with below logic. Wanna get your advice to find out where I went wrong.Please help....

Below is my Coding done.
A dynamic HTML table is generated text boxes in table Rows(Dissable mode) with EDIT & DELETE buttons. When user clicks on Edit button, particular row(Text Box) should be enable to edit the values generated.

But Unfortunately in my coding, always the fist row only gets enabled.

<script type="text/javascript">
function m(id){

document.getElementById('Record_id').disabled=false;
document.getElementById('file_number').disabled=false;
return false;
}
</script>


PHP Code:
while ($rw = mysql_fetch_array($query1)) {$k = $rw['Record_id'];echo '<tr>';echo'<form name = "t_data">';echo '<td>'.'<input type="text" id="Record_id" name="Record_id"value="'.$rw['Record_id'].'" disabled="true" size ="5"/>'.'</td>';echo '<td>'.'<input type="text" id="file_number" name="file_number" value="'.$rw['file_number'].'" disabled="true" size = "9"/>'.'</td>';echo '</tr>'; echo '<tr>';echo' <td>';echo'<form action="dlt_grid.php" method = "GET">';echo'<input type="submit" value="Delete">';echo'<input type="hidden" name="hf" value="'.$k.'">';echo'</form> ';echo'</td>';                   echo' <td>';echo'<input type="submit" id="'.$k.'" value="Edit" onclick = "return m(this.id)">';echo'<input type="hidden" name="hf" value="'.$k.'">';echo'</td>';echo '</tr>';echo'</form>';