Response title
This is preview!
- Screen name: mcnite
mcnite's Profile
14 Posts
2 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 11-Oct-2012 08:40 AM
- Forum: Using jQuery
Hi,I'd like to know how to obtain the selected text inside a textarea and style it. So I can create my own inline text editor. So if I press a button while I have something highlighted it will turn bold.Thank you- Hey there,I would like to create something that if the width of the window width is lower than or equal to 480px that certain functions will be disabled. Right now I can enable certain functions when I go the the website while the window is already smaller than 480px. But if I increase the window size the functions will still be enabled. The functions should be disabled when the window size is bigger than 480px.Currently I have made the following code.$(document).ready(function(){// checks initial width when browser is opened (works!)if ($(window).width() <= 480) {$(".menu").click(function(){$("nav:first-of-type").slideToggle();});$(".submenu-toggle").click(function(){$(this).next('ul').slideToggle();$(this).toggleClass("corners");});}// checks if the window changes and then disable functions if the window is bigger than 480px (doesn't work)$(window).resize(function(){if ($(window).width() <= 480) {// MAGIC HERE}});});Can somebody please help me out? Thanks
- Hey,Whenever I view my jQuery Mobile website on my iPhone 4 there is a problem. If I press a button which has a transition (for example: slide) to another page, the page the button directs to is shown for less than a second and then the transition occurs. So it comes across very buggy.Is there any way to prevent the first screen to be shown so the transition is smooth? I already searched on google but nothing seems to work. Except some AJAX loading stuff but I don't know anything about AJAX.Thanks
- 28-May-2012 05:17 PM
- Forum: jQuery Mobile
Hey there,Whenever I add <meta name="apple-mobile-web-app-capable" content="yes"/> between the <head> tags my jQuery mobile css (and maybe even the js, not sure about that) won't load. If I remove the tags everything is shown perfectly but then the bottom and header navigation from safari is shown... Is this a bug or am I doing something wrong? my own css file is being loaded though. I tried clearing cache and history but that doesn't work either.Thank you.- Hey!I can't find a way to simulate the following form. Is there any way to create this with jQuery Mobile? Thanks
- Hey,I made a table and I would like that once you press a table row that it will pop open. I know this is pretty easy but I am missing something. Right now it will open up all divs named test. I want the individual div .test to toggle open which belongs to the right table row.HTML:<tr><td>7.8</td><td><a href="#" class="open_up">The hotel was pretty neat, nice staff and clean rooms.</a> <div class="test"> test 123 </div></td><td>Business survey</a></td><td>22-09-2011</td></tr><tr><td>7.8</td><td><a href="#" class="open_up"> Amazing! </a> <div class="test"> test 123 </div></td><td>Business survey</a></td><td>22-09-2011</td></tr>jQuery:$(document).ready(function () {$('.open_up').each(function() {$(this).click(function() {$('.test').toggle();});});});Thanks in advance ;)
- 08-Dec-2011 09:20 AM
- Forum: Getting Started
Hey,I have several classes named 'ratings_colored'. They all contain a number from 1 to 10. If the number is below 5.5, the number should become red. If not it should become green.The code below works, but if the first .ratings_colored is higher than 5.5 it will make ALL the classes green. Even the numbers below 5.5! How do I fix this? I tried using the 'this' but it didn't work either.$(document).ready(function () {if ($('.ratings_colored').html() < 5.5) {$('.ratings_colored').css("color", "red");}else {$('.ratings_colored').css("color", "green");}});- Heya,I have 5 different div classes, which are called .rating_1, .rating_2, .rating_3, .rating_4, .rating_5. Now I want that if you press any of those 5 divs, that you cannot press anything else for 1,3 seconds. After that you can press them again.How do I do this?My current code:$(".rating_1, .rating_2, .rating_3, .rating_4, .rating_5").one("click", function() {$(".rating_1, .rating_2, .rating_3, .rating_4, .rating_5").unbind("click");setTimeout('$(".rating_1, .rating_2, .rating_3, .rating_4, .rating_5").bind("click");', 1300);});This will unbind the 5 divs (aka making them unclickable) but I can't press the divs again after 1,3 sec.
- Heya,Is there any way to temporary disable any clicks? I've made a jquery code where you press a button and after 1,4 sec it will go to the next screen. But I don't want people to click on anything within those 1,4 sec.Thanks!
- Heya,I would like to know how I can retrieve html data with jQuery. With my current project I have all pages in 1 html file (jQuery mobile). Every page has his own ID. Page 1 has id="question_1", and the next one is id="question_2".Now I would like to retrieve this ID and add +1 to the question. So if you press a buton it will always go to the next page.<!-- QUESTION #1 --><div data-role="page" id="question1" class="question_page"><!-- header --><!-- content --></div><!-- QUESTION #2 --><div data-role="page" id="question2" class="question_page"><!-- header --><!-- content --></div>
- Heya,I would like to know how to create an increment once you press a button. It has to be kind of like this:$i = 1;if ("#button").click(function() {add one to $i;alert($i);});Every time you press the button, the value $i should increase by +1. So if I press the button 5 times that should give the value 6.I think I have to use a loop or something but I don't know how.
- Heya,I'm making a little mobile survey with jQuery mobile (it's great btw). But the page transition from question to question wont work. Let me explain.There are 5 buttons you can choose for each question, once you've made your choice it gives feedback in the form of text. After that it should take about 1,5 sec and then it will go to the next question. The problem is that if I use the following code:$(".rating_1").click(function(event){ $(".very_bad").fadeIn();$(".bad, .good, .very_good, .best").hide();if (window.location = "#question1"){ setTimeout(function(){window.location = "#question2";},1400); };if (window.location = "#question2"){ setTimeout(function(){window.location = "#question3";},1400); };It will go from #question1 to #question2 but it wont go to #question3 because if (window.location = "#question2") SETS the location of the page to #question2 so it goes back to #question1 and then back to #question2 again.HTML:<!-- content --><div data-role="fieldcontain" class="survey_question_rating"><fieldset data-role="controlgroup" data-type="horizontal"><p class="survey_question">To what extent was your reservation handled?</p><div class="all_ratings"><div class="rating_1"><input type="radio" name="hotel_rating" id="hotel_rating_1" value="choice-1" checked="checked" /><label for="hotel_rating_1">1</label></div><div class="rating_2"><input type="radio" name="hotel_rating" id="hotel_rating_2" value="choice-2" /><label for="hotel_rating_2">2</label></div><div class="rating_3"><input type="radio" name="hotel_rating" id="hotel_rating_3" value="choice-3" /><label for="hotel_rating_3">3</label></div><div class="rating_4"><input type="radio" name="hotel_rating" id="hotel_rating_4" value="choice-4" /><label for="hotel_rating_4">4</label></div><div class="rating_5"><input type="radio" name="hotel_rating" id="hotel_rating_5" value="choice-5" /><label for="hotel_rating_5">5</label></div></div><div class="rating_given"><p class="very_bad"> Very Bad </p><p class="bad"> Bad </p><p class="good"> Good </p><p class="very_good"> Very Good </p><p class="best"> Best </p></div></fieldset>What I want is that if you press any of the 5 radio buttons at any page it will go to the next page (for example: from #question2 to #question3). Every page has the same radio buttons,above is just one of them.Any help is appreciated :)Cheers
- 25-Feb-2011 06:00 PM
- Forum: Getting Started
Hey!Just wondering if it is possible to let a huge blue block be moved 200px to the right and everything that is right of the blue block will move with it? So the elements adjust to the blue block's positionThanks- 25-Feb-2011 05:49 PM
- Forum: Getting Started
Hey!First post here :) This week I started learning jQuery and it's awesome to say by the least!Anyways, I stumbled upon a problem. This is the situation: There are 2 huge colored blocks just above each other on the page. Both blocks are div's with a class named "blue" and "red" (red is above and blue is beneath). I would like to make an animation with the red block so it will go down about 200px AND the blue block should be pushed away 200px as well. Is this possible? If so, how do I do it?I just want to have an animation on the red block and the blue block will adapt it's position because it got pushed away. (note: I'm not saying that I should make 2 animations, one for the blue block and the other for the red one and both are going down 200px, I want the blue to change it's position according to the movements of the red block).Cheers!
© 2013 jQuery Foundation
Sponsored by
and others.