Databases
StackOverflow2013
Postsdbo
POAssign image to random number-range
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POAssign image to random number-range
    primarykey
    data
    text
    <p>So, I've got my code ready to generate and print a random number between "-20 and 20". </p> <p>What I'd like to do, and this is where I'm stuck, is to assign 4 different images to a number range between my total range of "-20 to 20". </p> <p>For instance: </p> <ul> <li><code>image1.gif</code> would be assigned to any random # between "-20 and -10"</li> <li><code>image2.gif</code> assigned to "-9 and 0"</li> <li><code>image3.gif</code> to "1 and 10" </li> <li><code>image4.gif</code> to "11 and 20"</li> </ul> <p>Any suggestions much welcomed!</p> <p>EDIT: So based on Jon's answer, i've changed the last two lines to a document.write and am trying to get my actual images shown above the text output. I'm however aware of a faulty line in the IMG.SRC. What would this be needed to change to if my images were lying in my root dir? Thanks in advance.</p> <pre><code>&lt;html&gt; &lt;title&gt;RANDOM IMAGE TO NUMBER RANGE&lt;/title&gt; &lt;body&gt; &lt;center&gt; &lt;script language="javascript" type="text/javascript"&gt; var ranges = [ { from: 11, image: "image4.jpg" }, { from: 1, image: "image3.jpg" }, { from: -9, image: "image2.jpg" }, { from: -20, image: "image1.jpg" } ]; var random_num = (Math.round((Math.random()*41)+-20)); var image = "default"; for(var i = 0; i &lt; ranges.length; ++i) { if(random_num &gt;= ranges[i].from) { image = ranges[i].image; break; } } document.write("Number: " + random_num + " parts, " + " Imagetitle: = " + image); document.write('&lt;img src="'+ranges[image]+'"&gt;'); &lt;/script&gt; &lt;br&gt;&lt;/br&gt; &lt;div&gt; CLICK &lt;a href="javascript:history.go(0);"&gt;REFRESH or F5&lt;/a&gt; FOR A RANDOM IMAGE on NUMBER-RANGE. &lt;/div&gt; &lt;/center&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USfizd
    1. USfizd
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COWhat do you mean by assigning an image to a random number (i.e. how should they be linked)? It seems you'd have to change your formula to four different ones to generate numbers in the four ranges you describe.
      singulars
      1. POAssign image to random number-range
      1. USpimvdb
    2. COWhat about generating a number between 1 und 4 as all those intervals have the same size?
      singulars
      1. POAssign image to random number-range
      1. USTimWolla
    3. COHow about you divide your number between -20 and 20 by 10 and then add 2? (Or add 20 and then divide by 10.)
      singulars
      1. POAssign image to random number-range
      1. USPointy
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload