Any "Jquery Smart Folks" out there?
-
-
- Xsbucks007
- Sr. Rocketeer
- Posts: 110
- Thanks: 1
-
I have Embedded a Contact form into a Joomla Article. I am trying to add a jQuery slider into the contact form using Sourcerer Pro, I am not having any luck at with it at all. I have tried pretty much every variation I can think of. Again not sure of how to do it. I have contacted sourcerer support but it only makes me feel dumb when i ask for any guidance over there. I have put the code below, any help would be fantastic!
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
jQuery (function() {
jQuery ( "#slider-range" ).slider({
range: true,
min: 0,
max: 500,
values: [ 75, 300 ],
slide: function( event, ui ) {
jQuery ( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
});
jQuery ( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
});
</script>
<label for="amount">Price range:</label>
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;">
<div id="slider-range"></div> - Last Edit: 11 years 2 months ago by Xsbucks007.
-
-
-
- Who?
- Preeminent Rocketeer
- Posts: 25562
- Thanks: 613
- Joomla freelancer
-
I am not a jQuery guru but I can recognize a fault code when I see it
You have this<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.9.1.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
and you should have this<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
I would start from here and make my way throug it
- Check my services at: Mihha-Vision
-
-
-
- Xsbucks007
- Sr. Rocketeer
- Posts: 110
- Thanks: 1
-
Thanks Igor for the help, I used the "protocol-relative URL" so it will allow both Http and Https without any difficulty. I haven't had any issues to date with using the PRU with Joomla or any other browsers. Here's a great article on them for the reading types.
blog.wikimedia.org/2011/07/19/protocol-r...-test-wikipedia-org/
If i can find someone to help with implementing the code with Joomla 3.2 that would be awesome.
-
-
-
- Ben Lee
- Elite Rocketeer
- Posts: 4193
- Thanks: 42
-
J 3.2.1 has started adding jQuery itself I think, so you may have loaded it twice. Check your source code and see if that might be the case.
Another thing to check is to make sure that jQuery is loading first and then your script is loading after.
-
-
-
- Xsbucks007
- Sr. Rocketeer
- Posts: 110
- Thanks: 1
-
Thanks Ben, It appears the 3.2.1 does have Jquery loading itself now! Great news! Also, kind of upsetting that wasn't a 'big' deal announcement.
-
Time to create page: 0.057 seconds