Response title
This is preview!
- Screen name: osherdo1
osherdo1's Profile
10 Posts
66 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- I have this code:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> - <script src="/js/jquery-ui.min.js"></script>
- <div class="row col-lg-5">
- <h2>Get Request</h2>
- <button type="button" class="btn btn-warning" id="getRequest">getRequest</button>
- <br><br>
- <script type="text/javascript">
- $(document).ready(function(){
- $('#getRequest').click(function(){
- alert($(this).text());
- });
- });
- </script>
- </div>
The jquery.js is loading , and I can't tell why it isn't make an alert.Please help me, thanks!- let's take this image:
- <li class="mix shoulders check1 radio1 option1"><img src="images/exercises/shoulders/Single-Arm Linear Jammer.jpg" alt="Image 1"></li>
I am getting it by this function:- $(function(){
- /* elements is a name that preceding the selectors.
- get all img tags found inside li tags and fire the function.
- Then bind to the elem-msg div (which is inside the info_box) the elemText value.
- */
- $('.elements li img').click(function(){
- $('.body-inactive').show();
- $('.info_box').fadeIn(2000); // The info_box hidden using the css, this line of js is telling that, if the img is being clicked, the info_box should be visible(fadeIn) with a transition of 2000ms.
- elemText = $(this).attr('data-text');
- elemSrc = $(this).attr('src'); //Getting the img src (to be viewed in the info_box).
- $('.info_box .exercise_img').attr('src',elemSrc); // get the value (image) of the src tag that the function gets from the html code.
- //elemId = $(this).attr('id');
- $('.info_box .elem-msg').html(elemText);
- //$('.info_box input[type="hidden"]').attr('id',elemId);
- })
- })
- </script>
Now - I want to get the image given by this function , and pass it to a function , so I could show the image in another div. How do I do that?- I have multiple <li> items in my code:
I want to add to each image (wrapped in <li> tag) a text box that will pop out for each image when I click/tap on it.that partial code is an e.g.:- <li class="mix biceps check1 radio1 option1"><img src="images/exercises/biceps/Alternate Hammer Curl.jpg" alt="Image 1"></li>
- <li class="mix biceps check2 radio2 option2"><img src="images/exercises/biceps/Barbell Curl.jpg" alt="Image 2"></li>
<div id="test" class="test" placeholder="" contenteditable="true"></div>
- HI I am using jquery-UI range slider to pick 2 values (min & max).I need to get the 2 values identifiers for using it in the php code I have. Could not understand what are the identifiers.please let me know what are they ? here's my code:
- <script>
- $(function() {
- $( "#range-div" ).slider({
- range: true,
- min: 16,
- max: 120,
- values: [ 16, 45 ],
- slide: function( event, ui ) {
- $( "#amount" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
- }
- });
- $( "#amount" ).val($( "#range-div" ).slider( "values", 0 ) +
- " - " + $( "#range-div" ).slider( "values", 1 ) );
- });
- </script>
- 18-Mar-2016 10:54 PM
- Forum: Using jQuery
I am getting an error when trying run this script:Uncaught ReferenceError: $ is not defined- <script>
- $(function() {
- $( "#slider-range" ).slider({
- range: true,
- min: 0,
- max: 500,
- values: [ 75, 300 ],
- slide: function( event, ui ) {
- $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
- }
- });
- $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
- " - $" + $( "#slider-range" ).slider( "values", 1 ) );
- });
- </script>
- I have found out I could not use an if statement in Jquery (unless done with plain js instead).Do you think creating two if statements are the best practice to achieve this?
- $(document).ready(function() {
- $('#select_preferences').multiselect({
- buttonText: function(options, select) {
- return 'Look for users that:';
- },
- buttonTitle: function(options, select) {
- var labels = [];
- options.each(function() {
- labels.push($(this).text());
- });
- if(!labels.length ===0 )
- {
- $('#range-div').removeClass('hide');
- }
- if (labels.length ===0)
- $('#range-div').addClass('hide');
- return labels.join(' - ');
- }
- });
- I have this dropdown menu (bootstrap):
- <div class="mutual_interests_search dropdown col-xs-4"> <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Looking for people that:
- <span class="caret"></span></button>
- <ul class="dropdown-menu">
- <li><a href="#">Eating Well</a></li>
- <li><a href="#">Train Hard</a></li>
- <li><a href="#">Looking for motivation</a></li>
- </ul>
- </div>
Bascially should I use .OnClick method ? and what else should I use ?
thanks for helping.- I have this code. It should show an error when trying to submit empty form - but it does not!. why is it happening? please tell me what's wrong with code.Thanks.
- Hey everyone.I have a function that should check if a div is empty and also if a user clicks the submit button at the same time.If both are true then I want to return an error to him. I just don't know how to define the 2nd variable (var submit) of the click event with Jquery. can you help me with this little puzzle here?
- I have this fiddle:
https://jsfiddle.net/v4qL77e1/5/
It does work well in google chrome but not in Firefox.
The contenteditable div is just not showing in it.
Can you tell me please how can I take care of it?
thanks.
© 2013 jQuery Foundation
Sponsored by and others.