Databases
StackOverflow2013
Postsdbo
PORandom div class order
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PORandom div class order
    primarykey
    data
    text
    <p>As suggested by many, I have taken their advice and reformed my question. I took out a lot of code and have now the bare minimum shown. Hope this is sufficient and clear enough to re-open my question.</p> <p>I have the following fiddle: <a href="http://jsfiddle.net/mauricederegt/vNpYe/5/" rel="nofollow">http://jsfiddle.net/mauricederegt/vNpYe/5/</a></p> <p>With the following HTML:</p> <pre><code>&lt;div id="main" tabindex="1"&gt; &lt;div class="tile tile1" block-id="1" style-id="1" style="left:0px; top:0px"&gt;&lt;/div&gt; &lt;div class="tile tile3" block-id="2" style-id="2" style="left:100px; top:0px"&gt;&lt;/div&gt; &lt;div class="tile tile1" block-id="3" style-id="1" style="left:200px; top:0px"&gt;&lt;/div&gt; &lt;div class="tile tile2" block-id="4" style-id="2" style="left:350px; top:0px"&gt;&lt;/div&gt; &lt;div class="tile tile2" block-id="5" style-id="2" style="left:0px; top:100px"&gt;&lt;/div&gt; &lt;div class="tile tile1" block-id="6" style-id="1" style="left:100px; top:100px"&gt;&lt;/div&gt; &lt;/div&gt; </code></pre> <p>I am trying to randomize the order off the div's class. So just the <code>class</code> part: <code>class="tile tile1"</code>, all other items of the div should remain as is.</p> <p>Example: The code could look like this after randomizing (note that only the <code>class</code> is shuffled):</p> <pre><code>&lt;div id="main" tabindex="1"&gt; &lt;div class="tile tile3" block-id="1" style-id="1" style="left:0px; top:0px"&gt;&lt;/div&gt; &lt;div class="tile tile2" block-id="2" style-id="2" style="left:100px; top:0px"&gt;&lt;/div&gt; &lt;div class="tile tile1" block-id="3" style-id="1" style="left:200px; top:0px"&gt;&lt;/div&gt; &lt;div class="tile tile2" block-id="4" style-id="2" style="left:350px; top:0px"&gt;&lt;/div&gt; &lt;div class="tile tile1" block-id="5" style-id="2" style="left:0px; top:100px"&gt;&lt;/div&gt; &lt;div class="tile tile1" block-id="6" style-id="1" style="left:100px; top:100px"&gt;&lt;/div&gt; &lt;/div&gt; </code></pre> <p>​How can I get the div's classes to display in a random order?</p> <p>Hope the question is more clear now.</p> <p>Many thanks</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMaurice
    1. USMaurice
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. PORandom div class order
      1. This table or related slice is empty.
      1. VTDownMod
    2. VO
      singulars
      1. PORandom div class order
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PORandom div class order
      1. This table or related slice is empty.
      1. VTDownMod
    1. COthat is a ridiculous amount of code to review in demo. Especially since you haven't defined what `shuffle style` even means, or what a layer or level means in context of demo. Demo's should be scaled down to present only enough code to present an issue, not be a whole application. Surely you can remove most of the rendering code and replace with static html, with only enough script to deal with whatever it is you are trying to do
      singulars
      1. PORandom div class order
      1. UScharlietfl
    2. COI disagree about the amount of code. I fiddled it for extra support. Removing it or the comments in it, would make things more vague. Nevertheless I've found a written mistake. I mend the class of the div, not it's style. Corrected this and added an extra HTML example
      singulars
      1. PORandom div class order
      1. USMaurice
    3. CO@Maurice: If there's a specific action that you'd like to learn how to do in jQuery, present the simplest possible version of the problem. Imagine you're a teacher in the first day of a beginning computer class. How would you present it to the students, so that they understand exactly what the nature of the problem is (before asking them or teaching them how to solve a basic problem of this sort)? That's the way to ask questions on Stackoverflow. Study the problem until you understand it well enough to reduce it to its simplest form.
      singulars
      1. PORandom div class order
      1. USMatt Coughlin
 

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