JavaScript - Interesting Coin Change Programme

I used div tag in my field. that field has date value. there is another field that is also date field and it's in div tag.

when i change the first date field automatically second date field should be changed with the first date value.

Here is my first date field code.

Code:

   <div id=apptTimeEditOD style="display:<%=appt.allday()?"none":"block" %>; padding: 4px 4px 4px 4px; position: absolute; width: 90; height: 22; left: 85; top: 2; text-align: left;">
      <%=_r.drawDatePicker( _ahsPage, "startDate", appt.getApptDate()) %>
   </div>

Here is my second date field code.

Code:

   <div id=apptTimeEditEnD style="display:<%=appt.allday()?"none":"block" %>; padding: 4px 4px 4px 4px; position: absolute; width: 90; height: 22; left: 85; top: 2; text-align: left;">
      <%=_r.drawDatePicker( _ahsPage, "startDate1", appt.getApptDate() )%>
      <div id=apptODEndTime style="position: absolute; width: 90; height: 22; left: 140; top: 2; text-align: left;" > </div>
    </div>

how do i change my 2nd date field value with first date value when i do change in first date field.

I'm trying to determine whether a word exists in the URL and if so, change the CSS of a div.

I know how to do each task individually, but combining the two is giving me trouble.

So far I have:

Code:

function checkSent(divname)
{
if(document.URL.indexOf("sent") >= 0)
	*document.getElementById(success).style.display = 'block';
}
var sentornot = checkSent();

// If the URL contains the word, sent, then change the display of the element "success" to block

I can successfully determine whether the string exists in the URL by adding an alert, but the Javascript to change the CSS doesn't work.

The CSS for the div element "success" is as follows:
Code:

#success {
display: none;
}

Any help is appreciated! Thanks!

Edit:
If needed, this is the code I used to test whether the "check URL" portion works:
Code:

function checkSent(divname)
{
if(document.URL.indexOf("sent") >= 0) {
	alert("found");
	document.getElementById("success").style.display = 'block'; //this line doesn't work :(
}
else{ alert("not found"); }
}

OK right I got a modification from here that someone requested a few weeks ago. It was supposed to replace text in the userlinks. Since I'm in IPB I find it very useful. But here's the thing

I try to replace "0 New Messages" to "Inbox[0]" it worked but when I get new PM's it doesn't work like it should. So I rearranged the code but it doesn't work
Code:

var mb = document.getElementById("userlinks").getElementsByTagName("a");
for(bm = 0;bm < mb.length;bm++){
if(mb[bm].innerHTML=="My Controls"){mb[bm].innerHTML="Preferences"}
for(fi=0;fi < mb[bm].innerHTML.length;fi++){
if(fi[mb['bm']].innerHTML==""+fi+" New Messages"){fi[mb[bm]].innerHTML="Inbox "+fi+""}
}
}

^^ My part there in the code is retarded lol

can anyone give me a sample code for this situation ?
- button A = labeled as Unlocked
- when I on mouse over button A the label should turn into "Lock me ?"
- and then when I click the button, the label will change to "Locked"

Hello. I am trying to create a javascript function which when declaring a new object, would give it properties. I'll try and show what I am doing with some code, then explain it.

Code:

<script type="text/javascript">

var Draggable = {

Create: function(e, options) {

newStyle(e, options);

}

};

function newStyle(destination, options) {

for (x in options) {
document.getElementById(destination).style.x = options[x];

}
}

new Draggable.Create('text', options = {border: "1px solid red"});
</script>

<div id="text">Text</div>

With this code, I am trying to create a new instance. I am then trying to change the border of the div with the id of "text". I know doing .style.x is what is breaking, but I'm not sure how to make it so the x will, work or to return that back to the Create function and work with it there? Any help would be appreciated. Thanks.

Dear Experts

Var str="this is a string"

I want to know how to replace this with Uppercase while using regular expression.

Please help

background:

display 3-4 pictures and a generic parargraph. when you mouseover a picture the parargragh changes to the bio of the person pictured and doesn't change until a different picture is mouseovered or a reset butten is clicked.

current code:
i have adapted some code I found (thank you, donator) to basicly hide and unhide a span ID on mouseover. if functions as i want but the element id is hardcoded and i would like it to be dynamic on mouse location. not being that familair w/ coding and / or javascript; i'm stuck.
Code:

<script type="text/javascript">
   var el;
   var cpic; //elementId via mouse position
window.onload=function() {
   el=document.getElementById('pic1');
   el.onmouseover=function() {
   changeText('hide','show')
 }
   
 }
function changeText(cl1,cl2) {
   document.getElementById('span1').className=cl1;
   document.getElementById('span2').className=cl2;
}
</script>

so the above works for 1 image, but as you can see "pic1" is hard coded. i figured i could define "cpic" to takes it's place, but i'm not sure how to get the elementId (i'm assuming it would be from the mouse position). if the above code is totaly the wrong approach let me know. it was just the first thing i found that seemed to do what i needed.

on the HTML side "span1" is the default text and "span2" is the hidden mouseover text. i'm assuming that by adding 2 more pictures i'll need to add "span3" and "span4".
i'll also have to find a way of hiding the other spans. I.E. if i go from pic2 to pic3 then, the pic2 text will have to be hidden before pic3 text is displayed.

one thing i don't want to do is restrict the mouse to be focused on the picture to display the text. the text should change only when another picture is in focus or the rest button is clicked.

any direction / suggestions would be a big help.
regards,
Fatmann66

Hi,

I need to change my class, but this isn't doing it for me and I don't see why. No error messages, but nothing happens.
Code:

.myClass {
	background-color: yellow;
}

document.getElementById("myId").setAttribute("class","myClass");

Thank You in Advance for Your Help,

Lou

I have a javascript for a tree view but i need to change it according to the requirement. Lets start with example with the treeview as follow:

1 Door phone
1.1 Ready Kits
1.1.1 Audioset
1.1.2 Videoset
1.2 Audio Kits
1.2.1 Elphone
1.2.2 Video Door phone
2 CCTV
2.1 Camera
2.1.1 Dome Camera
2.1.2 IP Camera
2.2 Others

Now the thing is in the current treeview a single category is open at a time. like if 1.1.1 is open 1.1.2 will b closed and similarly if 1.1 is open...1.2 will b closed. But i want that when i click on 1(Door phone) ie Door phone...evry node should be opened instead of just one similary when i click on 2(CCTV), all its node should be opened.

I hope it will be possible to achieve this and i would be helped. My succeeding post will be the javascript i need help with. Thanks

I've got an idea for simplifying my code and avoid a bunch of switch functions but don't know how, though I assume it's possible.

How do I write a function to change/insert only part of an img src?

in other words something along the lines of

if url contains: "/folder1/folder3/";

change this to: "/folder1/ folder2 /folder3/";

Hi can you change this javascript for me please
--------------------------------------------------------------------------
--------------------------------------------------------------------------
Code:

<script type = "text/javascript">
function LogIn(){
loggedin=false;
username="";
password="";
username=prompt("Username:","");
username=username.toLowerCase();
password=prompt("Password:","");
password=password.toLowerCase();
if (username=="guest" && password=="login") { 
loggedin=true;
window.location="home-page.html";
}
if (username=="guest2" && password=="login2") {
loggedin=true;
window.location="home-page2.html";
}
if (loggedin==false) {
alert("Invalid login!");
}
}
</SCRIPT>

----------------------------------------------------------------------------------------------------------------------------------------------------
Can someone change this script to instead of prompts i would like two text boxes and a button to login p.s There is also a different bit but thats for the button if you need this part then please ask

hi ! i have a div which some how i make when mouseover it become cursor and link to other page i wants to, and it has also some text inside of it which is also linked to other page and when mouseover on text it change colors too, but the problem is if mouse come on div it will not change the color of text inside of div, so what i wants is it will change the color of text too when mouseover on the div, here is code i am using:
Code:

<-- THIS IS IN CSS file -->
div.test{
	position:relative;
	font-family:Arial;
	font-size: 12px;
	padding-left: 82px;
	padding-top: 47px;
	width: 162px;
	padding-bottom: 15px;
	cursor:pointer;
        cursor:hand;
}

div.test a{
	color:#000;
	text-decoration: none;
}
div.test a:hover{
	color:#4E6D00;
	text-decoration: none;
}

<-- THIS IS IN HTML file -->
        <div onClick="document.location='otherpage.html';" class="test">
        	<a href="otherpage.html">here is all content,This is content hyperlinked</a>
        </div>

you notice i am using cursor in css so when mouseover it becomes hand, what i wants is when it will become hand the text inside of it will also change the color, for now it change only if i mouseover to that text, thanks for any quick help please

I am using a great script i downloaded at http://kryogenix.org/code/browser/sorttable/
to sort tables by the header.
my problem is I want to add to this that everyother row should have a gray background.

I now do it by assigning a different class to every other row but when you sort it keeps the class. -- is there a way to change the background color of every other row in javascript that I can use with the above script?

So I have a few divs that I'm hiding and showing whenever a you click on a link. So I'm a newbie at JavaScript and this is the best way I know how to do this.


var divElement = '';
function show(divElement) {

if(divElement == 'add') {
document.getElementById('uploadImages').style.display='none';
document.getElementById('addTutorial').style.display='block';
document.getElementById('editTutorial').style.display='none';
document.getElementById('tutorialsImages').style.display='none';
document.getElementById('pendingTutorial').style.display='none';
document.getElementById('deletedTutorial').style.display='none';
}
else if(divElement == 'edit') {
document.getElementById('uploadImages').style.display='none';
document.getElementById('addTutorial').style.display='none';
document.getElementById('editTutorial').style.display='block';
document.getElementById('pendingTutorial').style.display='none';
document.getElementById('tutorialsImages').style.display='none';
document.getElementById('deletedTutorial').style.display='none';
}
else if (divElement == 'images') {
document.getElementById('uploadImages').style.display='none';
document.getElementById('addTutorial').style.display='none';
document.getElementById('editTutorial').style.display='none';
document.getElementById('pendingTutorial').style.display='none';
document.getElementById('tutorialsImages').style.display='block';
document.getElementById('deletedTutorial').style.display='none';
}
else if(divElement == 'pending') {
document.getElementById('uploadImages').style.display='none';
document.getElementById('addTutorial').style.display='none';
document.getElementById('editTutorial').style.display='none';
document.getElementById('tutorialsImages').style.display='none';
document.getElementById('pendingTutorial').style.display='block';
document.getElementById('deletedTutorial').style.display='none';
}
else if(divElement == 'upload') {
document.getElementById('uploadImages').style.display='block';
document.getElementById('addTutorial').style.display='none';
document.getElementById('editTutorial').style.display='none';
document.getElementById('tutorialsImages').style.display='none';
document.getElementById('pendingTutorial').style.display='none';
document.getElementById('deletedTutorial').style.display='none';
}
else if(divElement == 'delete') {
document.getElementById('uploadImages').style.display='none';
document.getElementById('addTutorial').style.display='none';
document.getElementById('editTutorial').style.display='none';
document.getElementById('tutorialsImages').style.display='none';
document.getElementById('pendingTutorial').style.display='none';
document.getElementById('deletedTutorial').style.display='block';
}

}


That is a awful lot of code to do just a few simple things. But don't get me wrong it works... I just wondered if there is a cleaner way of doing this.

Thanks,
Jon W