Databases
StackOverflow2013
Postsdbo
POFlexslider and content with Form
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POFlexslider and content with Form
    primarykey
    data
    text
    <p>I'm having an unusual issue with Flexsider and a form in one of the slides. The form has some radio buttons in it and not much else other than some divs for containers. Clicking on a radio button results in the cursor outline around the button, so it is responding, but it will not be checked. I did try a test using a javascript call to set the property. Walking through, it set the radio button successfully, but after exiting the function, the radio button was reset. I cannot seem to find any similar issues discussed here or elsewhere and am completely flabbergasted.</p> <p>The form content is loaded through ajax. I noticed that Flexslider creates clones of the first and last slides and the clone was getting updated when the ajax content was loaded into the slide. I reordered my slides so there would be no clone of the form but could still not check the radio button. However, in Firebug, I set the checked property to true (using jquery in the Watch panel) and the button, this time, remained checked. Trying to check/uncheck resulted in no effect and the button whose property I had set through Firebug remained.</p> <p><strong>Edit</strong>: I added an textfield and that worked without issue.</p> <p>Following is the HTML. The javascript is, honestly, negligible as it is only an ajax request to get the form content. Javascript in use is jquery, flexslider, and flowplayer for the video. The form is located in data-slide 2, officially the second one as the first is the clone.</p> <pre><code>&lt;section class="slider"&gt; &lt;div class="flexslider" id="mainSlider"&gt; &lt;div class="flex-viewport" style="overflow: hidden; position: relative;"&gt; &lt;ul class="slides" style="width: 1000%; margin-left: -3486px;"&gt; &lt;li data-slide="2" data-type="Quiz" data-id="6" class="clone" style="width: 1162px; float: left; display: block;"&gt; &lt;div class="quiz" data-id="1"&gt; &lt;div class="quizDescription"&gt; &lt;/div&gt; &lt;div class="quizContent" data-id="1"&gt; &lt;div style="max-width: " data-id="1" class="question"&gt; &lt;div class="questionText"&gt;Is TRUE true?&lt;br&gt;&lt;/div&gt; &lt;span id="CourseQuizAnswer"&gt;&lt;input type="radio" name="CourseQuizAnswer" id="CourseQuizAnswer_0" value="2"&gt; &lt;label for="CourseQuizAnswer_0" style="display:inline"&gt;True&lt;/label&gt;&lt;br&gt; &lt;input type="radio" name="CourseQuizAnswer" id="CourseQuizAnswer_1" value="3"&gt; &lt;label for="CourseQuizAnswer_1" style="display:inline"&gt;False&lt;/label&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="well"&gt; &lt;input type="button" value="Submit" name="yt0" onclick="submitQuestionAnswer(this);" class="btn btn-primary btn-med"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/li&gt; &lt;li data-slide="0" data-type="Video" data-id="2" style="width: 1162px; float: left; display: block;" class=""&gt; &lt;div class="minimalist video-slide flowplayer is-mouseout is-ready is-paused" data-video_id="1" id="mainPlayer"&gt; &lt;video tabindex="0" class="fp-engine"&gt; &lt;source src="http://stream.flowplayer.org/bauhaus/624x260.webm" type="video/webm"&gt;&lt;/source&gt; &lt;/video&gt; &lt;div class="fp-ratio" style="padding-top: 56.25%;"&gt;&lt;/div&gt; &lt;div class="fp-ui"&gt; &lt;div class="fp-waiting"&gt;&lt;em&gt;&lt;/em&gt;&lt;em&gt;&lt;/em&gt;&lt;em&gt;&lt;/em&gt;&lt;/div&gt; &lt;a class="fp-fullscreen"&gt;&lt;/a&gt; &lt;a class="fp-unload"&gt;&lt;/a&gt; &lt;p class="fp-speed"&gt;&lt;/p&gt; &lt;div class="fp-controls"&gt; &lt;a class="fp-play"&gt;&lt;/a&gt; &lt;div class="fp-timeline" style=""&gt; &lt;div class="fp-buffer" style="width: 100%;"&gt;&lt;/div&gt; &lt;div class="fp-progress"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="fp-volume"&gt; &lt;a class="fp-mute"&gt;&lt;/a&gt; &lt;div class="fp-volumeslider" style=""&gt; &lt;div class="fp-volumelevel" style="width: 43%;"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="fp-time"&gt; &lt;em class="fp-elapsed"&gt;00:00&lt;/em&gt; &lt;em class="fp-remaining"&gt;00:40&lt;/em&gt; &lt;em class="fp-duration"&gt;00:40&lt;/em&gt; &lt;/div&gt; &lt;div class="fp-message"&gt;&lt;h2&gt;&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt; &lt;/div&gt;&lt;a href="http://flowplayer.org" target="_top"&gt;&lt;/a&gt;&lt;/div&gt; &lt;/li&gt; &lt;li data-slide="1" data-type="Content" data-id="5" style="width: 1162px; float: left; display: block;"&gt; Segment 2 &lt;/li&gt; &lt;li data-slide="2" data-type="Quiz" data-id="6" class="flex-active-slide" style="width: 1162px; float: left; display: block;"&gt; &lt;div class="quiz" data-id="1"&gt; &lt;div class="quizDescription"&gt; &lt;/div&gt; &lt;div class="quizContent" data-id="1"&gt; &lt;div style="max-width: " data-id="1" class="question"&gt; &lt;div class="questionText"&gt; Is TRUE true?&lt;br&gt; &lt;/div&gt; &lt;span id="CourseQuizAnswer"&gt; &lt;input type="radio" name="CourseQuizAnswer" id="CourseQuizAnswer_0" value="2"&gt; &lt;label for="CourseQuizAnswer_0" style="display:inline"&gt;True&lt;/label&gt;&lt;br&gt; &lt;input type="radio" name="CourseQuizAnswer" id="CourseQuizAnswer_1" value="3"&gt; &lt;label for="CourseQuizAnswer_1" style="display:inline"&gt;False&lt;/label&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="well"&gt; &lt;input type="button" value="Submit" name="yt0" onclick="submitQuestionAnswer(this);" class="btn btn-primary btn-med"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/li&gt; &lt;li data-slide="0" data-type="Video" data-id="2" style="width: 1162px; float: left; display: block;" class="clone"&gt; &lt;div class="minimalist video-slide" data-video_id="1" id="mainPlayer"&gt; &lt;video tabindex="0"&gt; &lt;source src="http://stream.flowplayer.org/bauhaus/624x260.webm" type="video/webm"&gt;&lt;/source&gt; &lt;/video&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt; </code></pre> <p>Does anyone have any insight? Thanks in advance!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USfwallen
    1. USfwallen
    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. This table or related slice is empty.
    1. COPlease show your code and/or make a fiddle.
      singulars
      1. POFlexslider and content with Form
      1. USZachary Kniebel
    2. COCode added as requested. Sorry about that.
      singulars
      1. POFlexslider and content with Form
      1. USfwallen
 

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