javascript - JQuery .replaceWith() suddenly putting new element in the wrong place? -



javascript - JQuery .replaceWith() suddenly putting new element in the wrong place? -

this 1 baffling me. i'm using replacewith() "clear" file input field. however, when replaces it, puts in wrong place, , have no thought why. used term "suddenly" in title because what's more mysterious when stopped working weekend replacement working expected. work , it's not.

here's source html before calling replacewith():

<label>audio</label> <i style="color:#888888;">mp3 or ogg format recommended</i> <br> <button id="clear_audio_input" style="display:none;">clear</button> <input type="file" value="" name="source_audio" style="width:300px;"> <br> <div style="margin-top:15px;"> <b>current: </b> <i id="current_audio_source">1360954394_121ruleofrosepianoetudei.mp3</i> <br> <input id="source_audio_value" class="required_media" type="hidden" value="1360954394_121ruleofrosepianoetudei.mp3" name="source_audio"> <span id="current_audio_info_a"><input type="checkbox" style="position:relative;top:3px;margin-left:0px;" value="yes" name="source_audio_delete">

delete current audio? current sound replaced

note location of file input field, named "source_audio". it's after "clear" button.

now, after phone call replacewith(), html looks this:

<label>audio</label> <i style="color:#888888;">mp3 or ogg format recommended</i> <br> <button id="clear_audio_input" style="display: none;">clear</button> <br> <div style="margin-top:15px;"> <b>current: </b> <i id="current_audio_source">1360954394_121ruleofrosepianoetudei.mp3</i> <br> <input type="file" value="" name="source_audio" style="width:300px;"> <input id="source_audio_value" class="required_media" type="hidden" value="1360954394_121ruleofrosepianoetudei.mp3" name="source_audio"> <span id="current_audio_info_a" style="display: inline;"><input type="checkbox" style="position:relative;top:3px;margin-left:0px;" value="yes" name="source_audio_delete">

delete current audio? current sound replaced

notice several lines downwards , within div.

here script controls "clear" button's actions:

$("#clear_audio_input").live("click", function() { $("input[name='source_audio']").replacewith($("input[name='source_audio']").val('').clone(true)); $("#source_audio_value").val($("#current_audio_source").text()); $(this).hide(); $("#current_audio_info_a").show(); $("#current_audio_info_b").hide(); checkrequiredmedia(); homecoming false; });

here's basic intended workflow. on load, clear button hidden because there nil yet clear. after user has selected file, clear button appears. clicking button clear file input (by replacing it) , button hide again, returning form same state in on load.

any reason why oddity happening (especially since wasn't happening few days ago, , haven't changed since then)?

the issue because have 2 inputs name source_audio. around this, need either give 2 inputs fields id, or alter name.

for example:

$('#my_file_input').replacewith('<input id="my_file_input" type="file" name="source_audio" />'); $('#my_hidden_file_input').val('');

javascript jquery file input replacewith

Comments

Post a Comment

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer - when trying request rest service @ time of response getting exception.. feb 21, 2013 2:34:49 pm com.sun.jersey.spi.container.containerresponse mapmappablecontainerexception severe: exception contained within mappablecontainerexception not mapped response, re-throwing http container java.lang.noclassdeffounderror: not initialize class net.sf.cglib.proxy.enhancer @ org.hibernate.proxy.pojo.cglib.cgliblazyinitializer.getproxyfactory(cgliblazyinitializer.java:117) @ org.hibernate.proxy.pojo.cglib.cglibproxyfactory.postinstantiate(cglibproxyfactory.java:43) @ org.hibernate.tuple.entity.pojoentitytuplizer.buildproxyfactory(pojoentitytuplizer.java:162) @ org.hibernate.tuple.entity.abstractentitytuplizer.<init>(abstractentitytuplizer.java:135) @ org.hibernate.tuple.entity.pojoentitytuplizer.<init>(pojoentitytuplizer.java:55) @ org.hibernate.tuple.e...
Read more

Accessing MATLAB's unicode strings from C -

Accessing MATLAB's unicode strings from C - how can access underlying unicode info of matlab strings through matlab engine or mex c interfaces? here's example. let's set unicode characters in utf-8 encoded file test.txt, read as fid=fopen('test.txt','r','l','utf-8'); s=fscanf(fid, '%s') in matlab. now if first feature('defaultcharacterset', 'utf-8') , c engevalstring(ep, "s") , output text file utf-8. proves matlab stores unicode internally. if mxarraytostring(enggetvariable(ep, "s")) , unicode2native(s, 'latin-1') give me in matlab: non-latin-1 characters replaced character code 26. need getting access underlying unicode info c string in unicode format (utf-8, utf-16, etc.), , preserving non-latin-1 characters. is possible? my platform os x, matlab r2012b. addendum: documentation explicitly states "[mxarraytostring()] supports multibyte encoded characters...
Read more

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more