|
Hey everyone,
My class assignment is to develop a functional analog clock using HTML, CSS, and JS. I'm having trouble with a one of the requirements which is using a drop-down menu to change the time according to a selected time-zone. My understanding is that I need to use the DOM to set the selector values, followed by some simple math for time conversions. Maybe I understand what to do, just not how to do it.
Here's a link to the code Clock Assignment - JSFiddle[^]
I'm very new to web development and any help would be greatly appreciated. Let me know if you need any more information.
|
|
|
|
|
How to perform addition using JavaScript outputed linetotal1,2,3,4,5 to subtotal
<td><input type="text" name="linetotal1" id="linetotal1" onKeyUp="calc1(this.form)" class="linetotal1" style="border:none;width: 100%;"><hr style="border:transparent;">eg.Output 200
<input type="text" name="linetotal2" id="linetotal2" onKeyUp="calc2(this.form)" class="linetotal2" style="border:none;width: 100%;"><hr style="border:transparent;">eg.Output 300
<input type="text" name="linetotal3" id="linetotal3" onKeyUp="calc3(this.form)" class="linetotal3" style="border:none;width: 100%;"><hr style="border:transparent;">eg.Output 400
<input type="text" name="linetotal4" id="linetotal4" onKeyUp="calc4(this.form)" class="linetotal4" style="border:none;width: 100%;"><hr style="border:transparent;">eg.Output 200
<input type="text" name="linetotal5" id="linetotal5" onKeyUp="calc5(this.form)" class="linetotal5" style="border:none;width: 100%;">eg.Output 200
</td>
<tr align="right">
<td colspan="3" class="noBorder">
<b><font size="4px;">Subtotal<br>Tax (%)</font></b></td>
<td valign="middle" align="center" width="100%">
<input type="text" id="subtotal" name="subtotal" class="subtotal" value="0.00" onchange="result(this.Form)" style="border:none;width: 100%;">eg Subtotal Output 13000
<input type="text" name="tax" value="0.00" readonly="readonly" style="border:none;width: 100%;">
</td>
</tr>
|
|
|
|
|
Hi Every one can you explain in real time why they write CRUD operations in Database Store proc
and same way in code behind
|
|
|
|
|
Maniteja Attili wrote: why they write
Who is "they"?
|
|
|
|
|
the DB Developers and COde
|
|
|
|
|
Which ones? There is really no point in posting such vague details. If you want help with a proper question then please provide proper details.
|
|
|
|
|
Hi,
I have been developing a web application which is now a just a basic website coded in html/css/js. I will be shifting it to Rails platform (so I won't really need to implement this answer I am looking for in the long term). Like in Rails (or any other back-end coding platform), we can just define the layout (or template as some may prefer calling it) in one view file and write the other views separately. I was wondering if the same is possible without a working back-end.
Thanks for any help in advance.
Cheers,
Ritwesh
|
|
|
|
|
The Situation
I am displaying data from MYSQL database into a HTML table on a web page.
I am using CSS to display alternative rows in different text size and background colours.
I am using the 'hover' function to change background colours and text size
The Problem
The 'hover' function works perfectly for the 'odd; rows however for the 'even' rows it will change the text size but not the background colour
My CSS code
table tbody tr:nth-child(odd) td {
background-color: lightblue;
}
.table tbody tr:nth-child(even) td {
background-color: lightgreen;
}
table tbody tr:hover td {
background-color: white;
transition: all .5s;
font-weight:normal;
font-size: 2.5em;
color: black;
border-right: 1px solid grey;
}
Solution:
Can anyone spot the problem?
|
|
|
|
|
Works fine for me in Firefox, Chrome, Edge, and IE11: Demo[^]
The only slight issue is that the changing text size makes it very difficult to hover the next row accurately; as soon as the mouse leaves one row, its text size decreases, and the other rows shift up. It's easier to move in and out of the cells from the side.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Thanks for giving me some assistance.
I have no idea why I had the problem but when I closed the browser cleared the cache and open it, it worked fine for me also.
Clearing the Cache while open made no difference.
Padding around the cells removes the issues you correctly identified on mouse over
Thanks again
|
|
|
|
|
If you don't, already, when refreshing a page under development, use Ctl=F5 (at least in firefox) to force reload without the cache. There are also methods to add a header that forces uncached reloads for all - which at times can be handy.
| Ravings en masse^ |
|---|
| "The difference between genius and stupidity is that genius has its limits." - Albert Einstein | | "If you are searching for perfection in others, then you seek disappointment. If you are seek perfection in yourself, then you will find failure." - Balboos HaGadol Mar 2010 |
|
|
|
|
|
OzWaz wrote:
.table tbody tr:nth-child(even) td {
Do you really want that leading "." ?
Software rusts. Simon Stephenson, ca 1994. So does this signature. me, 2012
|
|
|
|
|
Yes. I think so?
I have a number of tables on the one page and I only want the styling to apply to only one table.
If i dont use the "class" option I found that it applies the styles to 'ALL' the tables
Thanks you for taking the time to respond
|
|
|
|
|
OzWaz wrote: If i dont use the "class" option I found that it applies the styles to 'ALL' the tables
In which case, you might be missing the "." in the other two rules. It was the inconsistency I picked up on.
Software rusts. Simon Stephenson, ca 1994. So does this signature. me, 2012
|
|
|
|
|
Thanks -Sharp eyes
But the missing "." in both cases was a poor C&P effort by me.
and interestingly noting should have worked - if the code was so flawed - I am increasingly amazed how browser development is progress in holding on to code when it ought to relinquish it - But that the future.
As you will see the problem is solved but the mystery remains!
Nice that you engaged in assessing my problem
Thanks
|
|
|
|
|
how can I call a function on a function from an object like this:
object.function().function();
it does not work ... that’s my code:
var doc = null;
var j = {
get : function (id){
doc = document.getElementById(id);
console.log(doc);
},
text : function (text){
doc.value = text;
}
}
and I want to call the functions like this then:
j.get(‘input-field’).text(‘hello’);
but it does not work
pls help
|
|
|
|
|
Use a closure:
var j = {
get: function(id){
var element = document.getElementById(id);
console.debug("Get", id, element);
return {
text: function(text){
console.debug("Text", id, element, text);
element.value = text;
}
};
}
};
Demo[^]
Closures - JavaScript | MDN[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
hi friends:
when i use online sitemap generator [DELETED] my website pages aren't crawled and just main page is crawled?
do you know where is the problem? 
my website address is : [DELETED]
my website is an advertisement website and when a user enter to it for the first time he should select his city and according to his city, appropriate advertisement will be shown to him
is the current problem related to this issue?
|
|
|
|
|
Links removed: too much like site driving (hence why it was sent to moderation).
Linking to an advertising site? It's only that you have been here four years that saved your account...
Please don't do that again.
Bad command or file name. Bad, bad command! Sit! Stay! Staaaay...
AntiTwitter: @DalekDave is now a follower!
|
|
|
|
|
thanks for your advise.
does anybody have a suggestion to solve my problem?
|
|
|
|
|
Instead of generating random sitemaps, try making one xml file on your own for the website and then upload it on your webmaster account. How many pages do you have on your website?
https://www.buyassignmentservice.com
|
|
|
|
|
Generating random sitemaps have its own benefits. For Example, a new sitemaps will help Google to understand that this is a news website and it has to be crawled on regular basis may be in an hour to get the latest news updates.
Similarly, an image sitemap would have all the images present in it which increases the crawl rate of images.
So it's no harm if you are having multiple sitemaps. The most important thing is that you are sending notification to Google about your website pages, images and other things.
|
|
|
|
|
<pre lang="HTML"><HTML xmlns=3D"http://www.w3.org/1999/xhtml"><HEAD><TITLE>Untitled =
Page</TITLE>
<META content=3D"text/html; charset=3Dutf-8" http-equiv=3DContent-Type>
<META name=3DGENERATOR content=3D"MSHTML 8.00.6001.23588"></HEAD>
<BODY>
<FIELDSET title=3D"Html Editor:" =
contentEditable=3Dtrue></FIELDSET></BODY></HTML></pre>
|
|
|
|
|
Since you don't really tell us anything about what you want to fill it with and where it's coming from, perhaps all you need to do is type something between the opening and closing tags!
Or, you could do a bit of study, here[^].
If you haven't yet learned HTML, drop what you're doing and start their free tutorial, instead.
| Ravings en masse^ |
|---|
| "The difference between genius and stupidity is that genius has its limits." - Albert Einstein | | "If you are searching for perfection in others, then you seek disappointment. If you are seek perfection in yourself, then you will find failure." - Balboos HaGadol Mar 2010 |
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
