|
JavaScript - Update A Part Of A Page?
Hi, I have this PHP code that shows the amount of minutes and seconds to a certain date. Somehow I want to update this code every second so that it looks like it's counting down. Anyone who has any good pointers how to do this?
Thank you in advance. Similar TutorialsI am current building an information database for the company I work at...basically just a place for employees to get information and answers from. It is all hosted on a local server and I can only use javascript, html, and css. Ive got everything made there is just one thing i want to add to it. basically an "alerts and updates" page that only some people can edit without having to know html so if im not there they can post important updates. no computers have access to the internet so I did try some rich text editors but none of them worked. the lay out I'm going for is kind of like this. ------------------------------------ Alerts and Updates Click on links to show updates: update 1 * update 2 * update 3 * update 4 stuff goes in the update [edit button] ------------------------------------- you click edit it prompts you to login, bring up something to edit the text in that specific update you hit submit and it changes the info that was on there. The update links are linked to a script i wrote that just display the info below so when the page loads you see whats in update 1 then you click update and it changes the content to the next one. i dont know if there is any way to do this in javascript and html. any help or a good direction to start would be great...thanks. Hi For our new site we need to regularly update part of page. What solutions are there for this purpose?? Hello, I'd like to know how do this with javascript: 1. <a id="id_a" href="#table">Go to the middle of the page"</a> When I click at this link I go to that table. I'd like to "go" to this table with javascript. Can you help me? Thank you so much! right now i have a webpage that has a <div> with an id of "content". in that div I have a list of anchors. each list item displays data that is pulled from a mysql database. currently I have it set so that when the user clicks an anchor, a URL parameter is passed, which lets the next page populate from the database. however, i really need to make it so that everything stays on the same page; everything happens within the "content" div. how do i do this without passing a url parameter though? so far i've written down: 1. click link 2. call function to empty #content div 3. load in fragment of next page into #content div 4. ??? populate fragment with database info, the row chosen by what link was clicked ??? i'm using jquery and php. so far i've figured out: Code: $('.linkClass').bind('click',callNextPage()); //step 1
function callNextPage(){
$('#content').empty(); //step 2
$('#content').load(nextPage.php #fragmentId); //step3
//step 4 ?? pass in url parameter? or store a GET variable based on which link was clicked?
return false;
}
any ideas? I am using the following code to show visitors when my page was updated last. It seems really cumbersome for what it does, too. Right now, it reads: Last updated on Monday, December 19, 2011 I wanted to add code to it so that it reads the hours and is in this format: Last updated on Monday, December 19, 2011 at 8:44am How can I add the "at hh:mm am/pm" part? Or is there easier code that will do this? Thank you in advance. Code: function getLongDateString()
{month = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
dayNames = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
dayOfWeek = this.getDay();
day = dayNames[dayOfWeek];
dateOfMonth = this.getDate();
monthNo = this.getMonth();
month = month[monthNo];
year = this.getYear();
if (year < 2000)
year = year + 1900;
dateStr = day+", "+month+" "+dateOfMonth+", "+year;
return dateStr;
}
//register the method in the class Date
Date.prototype.getLongDateString=getLongDateString;
function DocDate()
{ //return the document modification date (excl.time)
//as a string
DateTimeStr = document.lastModified;
secOffset = Date.parse(DateTimeStr);
if (secOffset == 0 || secOffset == null) //Opera3.2
dateStr = "Unknown";
else
{
aDate = new Date();
aDate.setTime(secOffset);
//use method defined above
datestr = aDate.getLongDateString();
}
return dateStr;
}
document.write("<left> Last updated on ");
document.writeln(DocDate(),"</left>");
OK, I've just been working with kwyl, trying to intergrate a like/dislike script to her site. There was an original script, and although bugged, it's almost the What works The user clicks the like/dislike icon. Ajax sends a request to PHP: Either the like/dislike gets inserted into the database. OR, if the user has already liked/disliked that post, an alert error gets returned. What doesn't work If you click to like/dislike a post, it won't appear (the current count is in brackets beside the icons) unless the page is refreshed. How would I use this along side Ajax for auto update? $data = mysql_fetch_object(mysql_query('SELECT `like`,`unlike` FROM posts WHERE id="'.$row['id'].'"')); It's used he Code: $data = mysql_fetch_object(mysql_query('SELECT `like`,`unlike` FROM posts WHERE id="'.$row['id'].'"'));
?>
<br />
<div class="vote">
<a href="javascript:;" onclick="doAction('<?php echo $row['id']; ?>','unlike');">
<input type="image" name="submit" src="images/down.gif" /></a>
(<span id=""><?php echo $data->unlike;?></span>)
<a href="javascript:;" onclick="doAction('<?php echo $row['id']; ?>','like');">
<input type="image" name="submit" src="images/up.gif"></a>
(<span id=""><?php echo $data->like;?></span>)
I hate javascript and this is utterly driving me up the wall. Any help would be much appreciated. If you need more informaton/code please ask. hi the title pretty much says it but il go into a little more deph, im looking for a piece of script that i can insert into my masterpage which will fetch the year from the server and display it on the footer. just to save our company updating the dates each year. cheers, ant. Hi, ive been asked to make a blackjack game in javascript but I have a little bit of a problem. When the page loads, it deals cards to the player and the dealer, showing which cards have been dealt and the current scores. When I press the HIT button, i need to add another card to the array player_hand_img, and the value of this card to player_hand. I have successfully created this code, but my question is, how do I update the information (the score and the cards) on the screen after it has loaded? Can you do this in JavaScript or do I need another language? Thanks very much in advance! Hello Friends In my jsp,Struts project i am using the javascript calendar control for selecting the date and by using function calcage() i am calculating the age of the user but problem occurs when the page refreshes OR when user updated the other values such as name ,contact no. Then the value of the age is set as 0 in the textfield as 0 So can you please tell me why this problem occurs And please give me solution Thanks I got some updates on my progress... still no results. (quoting my previous thread) Quote: I need desperate help with a homework! Here's the task: First of all I need to define an array of 3 elements. Each element is associated with a different first name. Then I shall realize a first function to add a name in the table. The function takes as parameter the table previously created and return it containing an additional element whose value is the name that the visitor wants to add. I must use the dialog box prompt so that the user can specify the name he wishes to add in the table. I shall also perform a second function which will display the name that is included in the different array elements. This function will also take the table in parameters and proceed with setting the display name with a dialog box alert type that contains all of the name separated by ";". Here's what I've done so far: Code: <html>
<head>
<title>
Task #4
</title>
</head>
<body>
<script language="javascript">
function addName()
{
var names=new Array(3);
names[0]="John";
names[1]="Patrik";
names[2]="Jane";
document.open();
document.write(names[3].join());
document.close();
if(names==new Array);
{
prompt("What name do you want to add?"+"");
}
return addName
}
</script>
<noscript>
<h1>
You're browser doesn't support Javascript
</h1>
</noscript>
</body>
</html>
Updates: Code: <html>
<head>
<title>
Task #4
</title>
<script language="javascript">
function addName()
{
var names=new Array(3);
names[0]="John","Brian";
names[1]="Patrik","Gene";
names[2]="Jane","Sophie";
document.open();
document.write(names.join(";"));
document.close();
if(names==new Array);
{
var addToArray=prompt("What name do you want to add?","")
names.push(addToArray)
}
}
function displayNames(addName)
{
alert(addName);
}
</script>
<noscript>
<h1>
You're browser doesn't support Javascript
</h1>
</noscript>
</head>
<script language="javascript">
<body onLoad="displayNames(addName)">
</body>
</script>
</html>
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, I have youtube link saved as a variable with value: PHP Code: http://www.youtube.com/watch?v=oOzuBOefL8I&feature=topvideos And I need to get a part of this link which I could use later: The part would be PHP Code: oOzuBOefL8I It would be great to do it with javascript... Because I have url generated like this one: PHP Code: httpObject.open("GET", "../talpinimas.php?id=reklama&paveikslelis=" +document.getElementById('paveikslelis').value+"&pavadinimas=" +document.getElementById('pavadinimas').value+"&url1=" +document.getElementById('url1').value+"&url1name=" +document.getElementById('url1name').value+"&komentaras=" +document.getElementById('komentaras').value+"&nick=<?php echo $nick?>" , true); and I want to send just THE PART (oOzuBOefL8I) to my talpinimas.php page. If you haven't understood something or need more info ask... Thanks I'm trying to figure out how to split a url variable... I tried these two ways, with an alert to see my result, but I'm not getting anything. Suggestions? Code:
function() {
myURL = "http://www.test.com/folder1/folder2/someone"
var partsA = myURL.split("//");
var parts = partsA[1].split("/");
alert(parts[2]);
}
Code:
function() {
myURL = "http://www.test.com/folder1/folder2/someone"
var parts = myURL.split('/');
var result = parts[parts.length-2] + '/' + parts[parts.length-1];
alert(result);
}
css: Code: #nav{
width: 960px;
margin: 0 auto;
}
ul li{
float: left;
margin-right:50px;
list-style: none;
}
.sub-menu{
display: none;
}
jquery code: Code: $(function(){
("#nav ul li").hover(function() {
(".sub-menu").css("display","block");
});
html code: Code: <div id="nav">
<div class="left"></div>
<div class="right"></div>
<ul>
<li><a href="/" class="current">Home</a></li>
<li><a href="/cpanel.html" class="">cPanel</a>
<div class="sub-menu">
<h2>test</h2>
<p>
<a href="#">test</a> <a href="#">test</a> <a href="#">test<</a>
</p>
<p>
<a href="#">test</a> <a href="#">test</a> <a href="#">test<</a>
</p>
</div>
i am sorry, i am new of jquery.i want to show the sub nav part when the mouse hover on the `li` part. but my code doesn't work.how to correct it. thank you My problem is relates to getting part of the text from a div, then pass this on to a variable which then acts upon it. This is a short summary in detail: http://jsfiddle.net/defencedog/W9Fsw/ Above simulates a Forum like environment (PHPBB3). here user can't insert html in posts thus a customised BBcode ([doc])is made in which is placed the required src attribute, unique to every SCRIBD document. The goal is to get the text within the two [doc] & that will be something like (discarding the two BBCodes) Code: src="http://www.scribd.com/embeds/2942002/content?start_page=1&view_mode=list&access_key=key-sxlnrfvqu5s22kzi5xb" then pass it on as a variable named src, which will then replace the contents to achieve desired output. Notice the two problems 1] how do I select the div upon which the action is to take place I.e that contains [doc]. Remember there occurs other divs as well in a posted message? 2] How do I select the desired text? Plz do giv me some suggestions I have a situation in which I have to track clicks (links etc..). The problem is, I have a larger div ie - parentDiv - like 300px height, 400px width - approximate. This div has a background image. Now, the issue arises because over this div (parentDiv), I have another div "announceDiv" on top of it showing information. I ONLY want the parts of parentDiv that is NOT covered by announceDiv to be clickable. Just to reiterate, I have a big div that I want clickable (so I can add a link to the click), but over this big div I have a smaller div showing content ie, information, that links to its own stuff. BUT I want to be able to link from this background image that is in the parentDi without affecting when I click in the smaller div that is superimposed over it. any ideas? has to work in ie6+ and ff 3+ I'm trying to figure out if its possible to get only certain parts of a string like in PHP... If I have a function like this: Code: function getUrl(selectUrl) {
The selectUrl look like this: index.php?page=test1 Now what I want is to only get a variable with "test1". Thast means I want to extract the page=test1 out of the selectUrl... Is this possible...? Hi all I am new here, hopefully someone can assist me with the following... If I have ../PACKAGES/test/run.html stored in the variable myUrl and I want to extract whatever is between ../PACKAGES/ and /run.html how would I go about it? I understand that in this instance I could use: var actualUrl = myUrl.slice(12,16); but the length of the string is dynamic, the only parts that stay the same are the start (../PACKAGES/) and end (/run.html). I am new to java-script, so please be kind...any assistance would be much appreciated. I need to extract a particular part of a string: Code: var str=(document.images('flag').src);
<img id="flag" src="../../../../img/ip/041-080/049p.png">
I only want the "041-080/049" part. It needs to be read from the right, not the left because the preceding left part will vary in length. How do I approach this? Hi This is for a class project, for some reason only the first part is working. The (sales*.20) and all of my else if are not. Kind of stuck on this. Code: <script type="text/javascript">
function bonus()
{
var sales
var excellent
var good
var fair
var poor
sales= document.workBonus.txtSales.value;
sales= parseInt(sales);
excellent= document.workBonus.chkExc.value;
good= document.workBonus.chkGood.value;
fair= document.workBonus.chkFair.value;
poor= document.workBonus.chkPoor.vaule;
if (sales && excellent)
{
alert(sales * .20)
}
else if (sales && good)
{
alert(sales * .10)
}
else if (sales && fair)
{
alert(sales * .05)
}
else if (sales && poor)
{
alert(sales * .01)
}
}
</script>
|
|||||||