JavaScript - Best Way And Easiest For A Beginner To Set Up A Numpad!!!!

So, I've designed a basic site and everything is fine except for the posts. You can see the site here.

What I'm talking about is this:

Code:

<div id="posts">
<h1>Bonjour</h1>
<p>Welcome to my website! Please note that it's fairly new, and so it might still go under some construction, so don't expect what you see now to be stay the same forever. Furthermore, if you have any suggestions, please run them by me and I'll take them into consideration.</p>
<p>As of 9/23: Working on Adding Games.</p>
<br>
</div>

The CSS code for it is:
Code:

#posts{text-indent:15px;background-color:#424242;border:3px solid #e0e0e0;position:absolute;left:212px;top:180px;width:565px;}

Now, the post is only one post, and I can't add any more as it is only one div. I was wondering if there was an easy way to make a master, parent div and all the div's inside it would be transformed into div's that are respectively positioned under it, automatically.

^^ Now, I liked that idea at first but then I thought of the technicalities such as having to use HTML to write blog posts which would be kind of ridiculous and I was wondering if anyone knows how of a simple-free easy to integrate blog system which could be embedded into my site without having to re-design everything.

I need a simple handy utility of some sort to test out the scripts while I am studying, any referrals please?

OK so I have a variable called url and I want to move its contents into the form action once the button is submitted.

<script type="text/javascript">
function elibrarySearchGo(){
var url = "http://url'"
}
</script>

<form name="searchform" target="_blank" action="" onsubmit="">

I need the syntax as to how to put in a variable coming from javascript inside onsubmit="document.form.action.value = variable" for example.


Also, is it better to run this population of the action onsubmit or onclick?

Thanks all in advance!!

I will start off by saying yes this is homework but I only want help. I'm trying to make the content show up in the read only boxes but I can't figure out where I'm going wrong. My test page can be found at http://sidewalk-cafe.com/test/maddox-hw2a.html. It's small. Any help would be appreciated.

Code:

function orderForm() {
	var formDaysStaying = document.getElementById("daysStaying").value;
	var formSeason = document.getElementById("season").value;
	var formPropertyType = document.getElementById("propertyType").value;
    document.getElementById("FEE").value = "$" + today.toFixed(2);
    document.getElementById("totalCost").value = "$" + today.toFixed(2);	
    document.getElementById("today").value = "$" + today.toFixed(2);
    document.getElementById("due").value = "$" + due.toFixed(2);	
    }


function formTotalCost(form) {
	const FEE = 55;
    var totalCost = (formPropertyType * formSeason) * formDaysStaying;
	var today = totalCost * .10;
	var due = (totalCost + FEE) - today;
    if (document.getElementById("daysStaying").value == "" ||
    isNaN(document.getElementById("daysStaying").value))
    alert("Please provide the number of days you will be staying.");
          // Submit the order to the server
          form.submit();
}

I am very new to JavaScript and I am currently following the Eloquent JavaScript book online.
On one of the exercises, we are told to make a function that returns the range of the inputs in an array.
I tried this code below but it doesn't seem to work. The problem seems to be in the "If" function because if I change the condition to (start < end) it seems to work.
Can someone please explain to me why this is?


function range (start, end) {
var j = [];
if (start > end) {
for (i = start; i <= end; i++) {
j.push(i); }
} else {
for (i = start; i >= end; i--) {
j.push(i); }
}
return j;
}

console.log(range(10, 2));
console.log(range(2, 10));





Reply With Quote




01-26-2015, 08:49 PM #2
Labrar View Profile View Forum Posts

New Coder Join Date Jun 2008 Posts 65 Thanks 0 Thanked 12 Times in 12 Posts

Why you do not use something like this

var range = function(start, end, step) {
var range = [];
var typeofStart = typeof start;
var typeofEnd = typeof end;

if (step === 0) {
throw TypeError("Step cannot be zero.");
}

if (typeofStart == "undefined" || typeofEnd == "undefined") {
throw TypeError("Must pass start and end arguments.");
} else if (typeofStart != typeofEnd) {
throw TypeError("Start and end arguments must be of same type.");
}

typeof step == "undefined" && (step = 1);

if (end < start) {
step = -step;
}

if (typeofStart == "number") {

while (step > 0 ? end >= start : end <= start) {
range.push(start);
start += step;
}

} else if (typeofStart == "string") {

if (start.length != 1 || end.length != 1) {
throw TypeError("Only strings with one character are supported.");
}

start = start.charCodeAt(0);
end = end.charCodeAt(0);

while (step > 0 ? end >= start : end <= start) {
range.push(String.fromCharCode(start));
start += step;
}

} else {
throw TypeError("Only string and number types are supported");
}

return range;

}


Thats pretty similar to php range





Reply With Quote

01-26-2015, 09:25 PM #3
Old Pedant View Profile View Forum Posts

Supreme Master coder! Join Date Feb 2009 Posts 28,310 Thanks 82 Thanked 4,754 Times in 4,716 Posts

Ignore Labrar's ridiculously complicated answer to a very simple problem.

Instead look CAREFULLY at this code: Code:

if (start > end) {
    for (i = start; i <= end; i++) {

Let's use your first example, where you call range(10, 2)

So start is 10. And end is 2.

So you get to if ( start > end ) and JavaScript executes that as if ( 10 > 2 )

Indeed, 10 *IS* greater than 2, yes?

SO you the go execute the NEXT line: for (i = start; i <= end; i++)

Which, of course, JavaScript then executes as for (i = 10; i <= 2; i++)

But then 10 is *IMMEDIATELY* <= 2. So the for loop NEVER RUNS.

All you need to do to fix your code is change Code:

if (start > end) {

into Code:

if (start < end) {

PRESTO!

**********

The tiniest bit of debugging using your JavaScript debugger would have found this. But also just learning to THINK like the computer would help. Actually run the code in your head, using your example numbers, and you'd see where you went wrong.