|
Are you saying that passing 0 doesn't return undefined?
Thanks.
|
|
|
|
|
Clearly not as the test results show. Look at the last case statement:
case x > 0 || x <= 100:
That means if x is greater than zero OR if x is less than or equal to 100! So any postive number (which is greater than zero) OR any number less than 101 (which includes negative numbers). I suspect that is not what the code is supposed to do.
|
|
|
|
|
I screwed that up in my test code. You are correct.
|
|
|
|
|
You'd be better off putting just a little effort into your question. Not everyone wants to click an external link for an image of code for instance. People are usually happy to help as long as they aren't being used.
That being said, as mentioned, you and the person you're helping should learn to run code and test it yourself. If that's not something you're willing to do, then neither of you two need to be programming. This isn't being mean man; this is saying the industry doesn't need another coder who won't even run own code they're testing. At least run it with passing in zero and then asking why a return value is what it is.
Jeremy Falcon
|
|
|
|
|
I have a project that is to involve opening several image files onto the same place on the screen to overlay or not overlay them. I know nothing about java script, but someone gave me a sample script that sort of does what I'm trying to do.
In that script the files are all located on the web and it references the html links for them. I'd like to be easily shareable and not really have to rely on the images being hosted somewhere. I thought I could include the image files and along with the script all in one folder so they't all be installed in the same place. I tried the full path to that place and it doesn't seem to work.
I wish I knew more terminology, etc but like I said I really have know knowledge of javascript.
So that is the first part of my project.
I see that I can specify where on the screen to place the object and size.
The second part will be to add controls for pan and zoom for the section of the screen where the images will be displayed.
But, for now I simply want to see how to display a local file.
Thanks.
|
|
|
|
|
Javascript code is executed by the browser, in the user's system, so it does not have direct access to any file system. It can be used to load and save files on the user's system, but only under the user's control. So you have two choices: 1. locate the files on some public website as you are currently doig, or 2. Host them on the web server and modify the backend code to feed them to the web page. If you want to learn Javascript (with lots of good examples) go to JavaScript Tutorial[^].
|
|
|
|
|
Thanks to the link to the javascript tutorial. It looks like there is a lot of good info there. I just happened to come across that site if not the page yesterday.
I guess it makes sense that if java script is a language for web pages, access to local files would not be a good thing because of malware, etc.
I was playing around a little with putting a sample image online and putting the URL to it in the code I have. A complicating factor is that the images I want to use are SVGs. Most free hosting sites don't allow them as they are text files and can be full of code.
I did find where I could do this for free on GIT Hub or actually now it is a clone called GIT Hack. I just posted a different SVG than I had in mind. I wound up with a type mismatch error between the line I inserted it in and the last line. I still haven't sorted that out, but in looking into types and type mismatches is where I came across the site that the java script tutorial is on.
I also came across something called open layers which is a set of java script tools for working with layers which sounds like something I could use.
That said, I really would prefer though to create shareable file that includes the images and code, etc (not a link) so it is something that stands alone rather than online. I'd like to create something permanent. Free online things come and go, cease to be free, just change, etc. I don't want to have to pay perpetually either, in fact I won't be around forever either. One of the images I ultimately want to overlay is from the 1860s onto a more current Google Earth type map.
I think I can use photoshop pro to do something like this, but I think it costs a lot, think maybe anyone trying to view it might need it as well, etc.
So I guess I'll continue with java script for now.
Thanks again.
|
|
|
|
|
I think you should rethink what your trying to accomplish. Perhaps choose another path ...
I read your post and it makes little sense to me, where you used the word "Screen" instead of "browser" or "window".
JavaScript manipulates the DOM, which is a collection of HTML elements in a browsers view or tab. Most of the time, you create a web page using HTML, and if needed, you can write some JavaScript to move an element, change the word or color of a element. Or listen for events to occur, and fire a function when that event occurs. You can make web pages from 100% JavaScript, but it's time consuming, unless your app requires that level of sophistication. In other words it's really expensive to choose this method.
Consider writing a Windows app, or Mac app, you didn't say what platform you work with. Or take a lesson in HTML and how to create web pages first. I think your putting the cart in front of the horse here.
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
I said screen but technically it would be browser which of course you look at on a screen.
I do have an example of something similar. I have played around a with some simple webpages in the distant past, but for the most part just used a WYSIYG editor.
I mainly run linux, but can do Windows.
I may reconsider using photoshop as an option. Maybe I can get access to the app somewhere, somehow. I think I've read photoshop pro can use georeferenced pdfs as layers which would line things up and should have the other features for panning and zooming, etc. that I want.
I'm basically trying to set it up like a GIS set of layers only I want to be able to share it with people without GIS or anything special. The old image is a perspective drawing of a town that I have warped to fit pretty well with a current hybrid map of the area.
It is a little cluttered and hard to read with all the layers turned on. However if there is a specific spot you are interested you can pan/zoom to it and then switch more layers on. Sometimes altering the transparency and other adjustments can help too.
For now, I will sort of pursue the java script method a little more as I look into photoshop.
I looked into this about a year ago and those were the only two options I found then. I looked a little more recently and see a number of places to make overlaid images, etc but they were all for online use. That would work, but the images need to be hosted, etc. I'd rather just make something that works, you may need to copy a whole folder somewhere in your computer to use it, but you wouldn't even need a connection to view it.
|
|
|
|
|
That sounds more like a game to me.  Or gaming technology, I think you can layer things, I'm not a gaming programmer so I don't know, but I think it's possible. (I haven't gamed in decades now). You should be able to program hidden buttons that would change the picture like a transition of scene.
I did some quick research, and they have JavaScript Libraries that allow you to create Game like or 3D stuff. Babylon must be open source, could be a start.
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
|
Referencing a local image file to display it in a web page involves using the correct file path in your HTML code. First, ensure the image file is saved in the same directory as your HTML file or in a subdirectory. Then, use the <img> tag in your HTML to reference the image. For example, if your image is named "image.jpg" and is in the same directory as your HTML file, you would use <img src="image.jpg" alt="Description of image">. If the image is in a subdirectory named "images," the reference would be <img src="images/image.jpg" alt="Description of image">. Ensure the file path is correct relative to the HTML file's location. Properly referencing local images allows them to be displayed correctly in web browsers.
|
|
|
|
|
how to set drop down down list and submit button in JavaScript
|
|
|
|
|
|
Not sure how this scored 2 upvotes... Richard gave the answer on the how-to.
|
|
|
|
|
Where are you seeing the upvotes? The message shows a score of "1.00/5 (3 votes)", meaning three people have down-voted it, and nobody has up-voted it.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
My bad, must have been a glass too many, sorry. 
|
|
|
|
|
dropdown list and submit button
|
|
|
|
|
You seem to have mistaken this site for Google. Either type your search query into a search engine, or ask a proper question.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Dropdown list WITH a submit button, now there's a challenge.. 
|
|
|
|
|
|
You have to show the actual javascript code, and any errors in the browser console, if you want any kind of a useful answer.
The only reason alert won't show anything is because the code execution never makes it to that statement.
|
|
|
|
|
Making a fetch call and getting html back, like so:
<tr>
<td class="heading">JGServices</td>
<td class="numeric-amount">
<input type="text" size=10 value="99.00" onfocus="this.blur()">
</td>
<tr>
<tr>
<td class="heading">ShippingHandling</td>
<td class="numeric-amount">
<input type="text" size=10 value="25.00" onfocus="this.blur()">
</td>
<tr>
<tr>
<td class="heading">District</td>
<td class="numeric-amount">
<input type="text" size=10 value="123.00" onfocus="this.blur()">
</td>
<tr>
<tr>
<td class="heading">Penalty</td>
<td class="numeric-amount">
<input type="text" size=10 value="250.00" onfocus="this.blur()">
</td>
<tr>
...then using javascript to append it to the TBODY tag of the relevant table. I've tried two ways:
let T = document.getElementById('tblFees');
let t = T.querySelector('tbody');
let ih = t.innerHTML;
ih += data;
t.innerHTML = ih;
...and...
let T = document.getElementById('tblFees');
let t = T.querySelector('tbody');
t.insertAdjacentHTML('beforeend', data);
And in both cases, the browser renders it like this:
<tr>
<td class="heading">JGServices</td>
<td class="numeric-amount">
<input type="text" size="10" value="99.00" onfocus="this.blur()">
</td>
</tr>
<tr></tr>
<tr>
<td class="heading">ShippingHandling</td>
<td class="numeric-amount">
<input type="text" size="10" value="25.00" onfocus="this.blur()">
</td>
</tr>
<tr></tr>
<tr>
<td class="heading">District</td>
<td class="numeric-amount">
<input type="text" size="10" value="123.00" onfocus="this.blur()">
</td>
</tr>
<tr></tr>
<tr>
<td class="heading">Penalty</td>
<td class="numeric-amount">
<input type="text" size="10" value="250.00" onfocus="this.blur()">
</td>
</tr>
<tr></tr>
I can't figure out why or how to stop the extra, empty rows from appearing. Anyone have any ideas?
- Bill
Measure with a micrometer. Mark with a crayon. Cut with an ax.
|
|
|
|
|
What is data ?
From a cursory look, it seems likely to be a text-string which holds "<tr></tr>"
Updating the innerHTML of an element is discouraged, since it causes a complete recalculation of it and its children for the purposes of display. A better approach is to create elements and then append them to their parents.
Depending on the quantity of content to be added, the <template> may be the best way of creating all the new elements.
As a simple example, let's create a link
let a =document.createElement('a');
a.textContent = "Goto google homepage";
a.href = "<a href="https:
document.body.appendChild(a);
Which, is a much better approach than:
let parent = document.body;
parent.innerHTML += "<a href='www.google.com'>Goto google homepage</a>"
|
|
|
|
|
Quote:
<tr>
<td class="heading">JGServices</td>
<td class="numeric-amount">
<input type="text" size=10 value="99.00" onfocus="this.blur()">
</td>
<tr>
<tr>
...
Your HTML has no closing </tr> tags; instead, it has two opening <tr> tags.
The browser will do its best to cope with this invalid HTML; a new opening <tr> tag will automatically terminate the previous row and start a new one.
But since you have two of them in a row, you end up with a blank row every time you have <tr><tr>.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
