Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

Photo
- - - - -

Duplicated text because of jQuery mobile - how to hide?

jquery hide duplicated text

This topic has been archived. This means that you cannot reply to this topic.
4 replies to this topic

#1 elliottveares

elliottveares

    CC Resident

  • Advanced Member
  • PipPipPipPip
  • 56 posts

Posted 25 April 2014 - 07:25 PM

Hi all, I have jQuery mobile on my site what is used for the navigation menu on mobiles; the trouble is when on mobiles, I get the values of form inputs duplicated in plain text on stuff what does not rely on or need jquery mobile. How can i get rid of the duplicated text of the submit button and the subject field on the form?

 

Below shows what i mean,

 

 

photo.PNG

 


Edited by elliottveares, 25 April 2014 - 07:34 PM.


#2 RhetoricalRuvim

RhetoricalRuvim

    JavaScript Programmer

  • Expert Member
  • PipPipPipPipPipPipPip
  • 1311 posts

Posted 25 April 2014 - 09:21 PM

Please do be aware that it is extremely difficult to help if we cannot see what code you have written. It may help if you post (at least the relevant portions of) that.
Regards,
RR

#3 BlackRabbit

BlackRabbit

    CodeCall Legend

  • Expert Member
  • PipPipPipPipPipPipPipPip
  • 3871 posts

Posted 26 April 2014 - 11:07 AM

Here in codecall we are way better fixing software by looking at the code than to a screen-captures.

 

So, charge that cellphone battery, and paste the code here, preferably marking the part where the duplicated label is supposed to be printed.



#4 elliottveares

elliottveares

    CC Resident

  • Advanced Member
  • PipPipPipPip
  • 56 posts

Posted 26 April 2014 - 12:22 PM

I have tried removing all CSS links, divs and everything else I have changed since the problem started to no avail, and the problem goes away when the jquery mobile script is removed. Code below:

 

 

 

Affected form:


 <form class="contact_form"  name="contact_form">
 <fieldset class="contact_form_fieldset">
 <label class="contact_form_label">Name:</label>     <input id="name" class="contact_form_input" name="name" type="text"><br><br>
 <label class="contact_form_label">E-mail:</label>    <input id="email" class="contact_form_input" name="email" type="text"><br><br>
 <label class="contact_form_label">Phone:</label>    <input id="phone" class="contact_form_input" name="phone" type="text"><br><br>
 <label class="contact_form_label">Subject:</label>
 <select class="contact_form_input_subject" id="subject" name="subject">
 <option value="Tree Surgery">Tree Surgery</option>
 <option value="Patio Cleaning">Patio Cleaning</option>
 <option value="Fire Wood / Wood Chippings">Fire wood / Wood chippings</option> 
 <option value="Testimonial">Testimonial</option>
 <option value="Complaint">Complaint</option>
 <option value="Other">Other</option>
 </select>
 <br><br>
 <label class="contact_form_label">Message:</label> <textarea class="contact_form_message" id="message" name="message"></textarea>
 <br><br>
 <input class="contact_form_button" name="submit" type="submit" onclick="Form_Validation()" value="submit">
 </fieldset>
 </form>
 

jQuery Mobile

 

Script to long to post here; see same script here: http://demos.jquerym...mobile-1.4.2.js



#5 BlackRabbit

BlackRabbit

    CodeCall Legend

  • Expert Member
  • PipPipPipPipPipPipPipPip
  • 3871 posts

Posted 27 April 2014 - 09:07 PM

I think you need to use display:none. so it won't add the title to the div.

 

Read this article for further info.






Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download