jQuery Forum

jQuery Tools and jquery.prettyPhoto

[1 Reply]
- 15-Nov-2011 04:34 PM
- Forum: Using jQuery
Is there any way to get jquery.prettyPhoto to work when jQuery Tools are used on the page? Somehow it doesn't recognize rel link attribute.

Thanks

-- Adam

Fancybox with Video Popup Demo

[2 Replies]
- 03-Nov-2011 01:52 PM
- Forum: Using jQuery
Somehow I can't get this to work on that page: http://www.reputationcowboy.com/contact.php

Any thoughts?

-- Adam

How to read values from the string?

[5 Replies]
- 14-Oct-2011 02:16 PM
- Forum: Using jQuery
I have a string:
1. 139228651.1318609424.21.21.utmcsr=google|utmccn=(organic)|utmcmd=organic|utmctr=test
and I need to read all values from utmcsr= to utmctr= I have try to use .split and after that .each but without any luck.
1. var partsArray = cookie.split('|');
2. var utmzCookie = partsArray[3];
4. alert(utmzCookie);
IE returns alert 'Undefinied'. Thoughts?

Thanks,
-- Adam

jQuery(document).ready on IE7 not working

[5 Replies]
- 13-Oct-2011 03:03 PM
- Forum: Using jQuery
I have something like
1. jQuery(document).ready(function() {
2. alert('Carousele loaded')
3. });
here http://www.rosenfarb.com/industry-experience/ but can't get alert pop-up on IE7. Any idea why? Thanks.

-- Adam

jCarousel and IE7

[1 Reply]
- 13-Oct-2011 02:25 PM
- Forum: Using jQuery Plugins
I have no idea why jCarousel (http://sorgalla.com/projects/jcarousel/) is not executed on IE7 - link: http://www.rosenfarb.com/industry-experience/

Any idea? Thanks.

-- Adam

jquery.cookie.js killing other scripts on IE

[0 Replies]
- 12-Oct-2011 10:31 AM
- Forum: Using jQuery Plugins
I have try to use jquery.cookie.js to retrieve data from cookie and pass them over AJAX to PHP script but each time jquery.cookie.js is triggered it kills other jQuery scripts on the page. Issue appears to be only on IE (testes with IE8 and IE9). Chrome and FF doesn't have those issue.

Any thoughts?

-- Adam

jQuery, iFrame and "Processing" message

[2 Replies]
- 10-Oct-2011 04:36 PM
- Forum: Using jQuery
Is there any way to display "Processing" message, by default, in the iframe triggering by jQuery from the parent window? IFrame is runing CURL function and with PHP 5.2 I can't display any message there so I need to have there something by default.

Thanks
-- Adam

Highlight active menu

[7 Replies]
- 13-Sep-2011 04:10 PM
- Forum: Using jQuery
I have try to use script below to highlight active menu in Wordpress theme
1. <script type="text/javascript">
2. jQuery(function(){
3. jQuery('.menu-item a').click(function(){
4. jQuery(this).parent().addClass('gumba'). // <li>
5. siblings().removeClass('gumba');
6. });
7. });
9. </script>
Somehow it work only when I click on it but not stay after sub-page from the menu is loaded.

Thanks,
-- Adam

JSON, drop-down menu and dynamic HTML

[1 Reply]
- 07-Sep-2011 03:43 PM
- Forum: Using jQuery
I have try to update a div based on data from JSON (produced by Magento core) and choices from drop-down menu (onchange function reloadSKU())
1.     jQuery(document).ready(function(){
  
     var json = <?php echo $this->getJsonSku() ?>;
  
     var sku = 0;
  
     jQuery(".product-custom-option").change(function(){
              var sel_value = jQuery(".product-custom-option option:selected").val();
              console.log(sel_value);
  
              jQuery.each(json, function(i, val) {
  
              var item_opt = val;
  
                 jQuery.each(item_opt, function(key, valu) {
                     if (key==sel_value) {
                      sku = valu;
                      console.log(sku);
                  }
              });
              });
  
              jQuery(".p-sku").html("SKU: " + sku);
  
  
     })
     });
and JSON data:
1. {"7":{"33":"807","32":"808","31":"809","30":"1015","29":"1021"}
Where "7" is the main product ID; "33","32","31" etc are options IDs from the drop-down (same as values) and "807", "808" etc are SKUs for particular ID.

I never was doing anything with JSON so simply idk why is not working :\

Thanks
-- Adam

jQuery and multiple radio buttons

[10 Replies]

02-Sep-2011 04:18 PM
Forum: Using jQuery

I have something like:

<!DOCTYPE html>
<html>
<head>
  <style>
input, label { line-height: 1.5em; }
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  
<form>

<div>
  <div>
    <input type="radio" name="rb_1" value="high_1" class="hi">
    <label for="f11">f11</label>
  </div>
  <div>
    <input type="radio" name="rb_1" value="middle_1" class="mid">
    <label for="f12">f12</label>
  </div>
  <div>
    <input type="radio" name="rb_1" value="lower_1" class="lo">
    <label for="f13">f13</label>
  </div>
 </div>

  <div>
    <input type="radio" name="rb_2" value="high_2" class="hi">
    <label for="f21">f21</label>
  </div>
  <div>
    <input type="radio" name="rb_2" value="middle_2" class="mid">
    <label for="f22">f22</label>
  </div>
  <div>
    <input type="radio" name="rb_2" value="lower_2" class="lo">
    <label for="f23">f23</label>
  </div>
 </div>

  <div>
    <input type="radio" name="rb_x" value="high_x" class="hi">
    <label for="fx1">fx1</label>
  </div>
  <div>
    <input type="radio" name="rb_x" value="middle_x" class="mid">
    <label for="fx2">fx2</label>
  </div>
  <div>
    <input type="radio" name="rb_x" value="lower_x" class="lo">
    <label for="fx3">fx3</label>
  </div>
 </div> 
  <div id="log"></div>
</form>

<script>
$("input").click(function() {
  $("#log").html( $(":checked").val() + " is checked!" );
});
</script>

</body>
</html>

Somehow I can't get this to work. Any idea why? Thanks.

-- Adam

Validate with a response from DB

[2 Replies]
- 17-Aug-2011 03:28 PM
- Forum: Using jQuery
I have no idea why code below doesn't work as I expect (validate client name + checking if exists in a DB):
1. <script>
2. $(function() {
3. $( "#dialog:ui-dialog" ).dialog( "destroy" );
5. var clientname = $( "#clientname" ),
6. allFields = $( [] ).add( clientname ),
7. tips = $( ".validateTips" );
8. function updateTips( t ) {
9. tips
10. .text( t )
11. .addClass( "ui-state-highlight" );
12. setTimeout(function() {
13. tips.removeClass( "ui-state-highlight", 1500 );
14. }, 500 );
15. }
16. function checkLength( o, n, min, max ) {
17. if ( o.val().length > max || o.val().length < min ) {
18. o.addClass( "ui-state-error" );
19. updateTips( "Length of " + n + " must be between " +
20. min + " and " + max + "." );
21. return false;
22. } else {
23. return true;
24. }
25. }
26. function checkRegexp( o, regexp, n ) {
27. if ( !( regexp.test( o.val() ) ) ) {
28. o.addClass( "ui-state-error" );
29. updateTips( n );
30. return false;
31. } else {
32. return true;
33. }
34. }
35. function checkClient(o, n){
36. var url="script-that-checks-db.php";
37. $.get(url,{client: o.val()},
38. function(response){
39. if (response==0) {
40. o.addClass( "ui-state-error" );
41. updateTips( n );
42. return false;
43. } else {
44. return true;
45. }
46. });
47. }
48. $( "#dialog-form-client" ).dialog({
49. autoOpen: false,
50. height: 300,
51. width: 350,
52. modal: true,
53. buttons: {
54. "Create a Client": function() {
55. $( this ).trigger('process');
56. },
57. Cancel: function() {
58. $( this ).dialog( "close" );
59. }
60. },
61. close: function() {
62. allFields.val( "" ).removeClass( "ui-state-error" );
63. }
64. });
65. $( "#dialog-form-client" ).bind("process",function(){
66. var bValid = true;
67. allFields.removeClass( "ui-state-error" );
68. bValid = bValid && checkLength( clientname, "client name", 3, 16 );
69. bValid = bValid && checkRegexp( clientname, /^[a-z]([0-9a-z_ ])+$/i, "Client name may consist of a-z, 0-9, underscores, begin with a letter." );
70. bValid = bValid && checkClient( clientname, "Client name already exists." );
71. if ( bValid ) {
72. $("#client-form").submit();
73. }
74. })
75. $( "#create-client" )
76. .button()
77. .click(function() {
78. $( "#dialog-form-client" ).dialog( "open" );
79. });
80. });
81. </script>
I have got proper params/response on XHR, but can't validate that part. When I remove line 70 everything works properly.

Any idea what I have done wrong? Thanks.

-- Adam

AJAX POST - output as JSON or HTML?

[5 Replies]
- 15-Aug-2011 09:12 AM
- Forum: Using jQuery
I have a dilemma - my script is passing data as POST and getting a message as JSON from another script which is doing insert query to the DB. Now instead of a message I need to get a full results page from the select query after insertion.

Which way is better to follow - to get output as JSON or to generate HTML and display as a big DIV?

Thanks

-- Adam

jQuery.validate and HTML

[2 Replies]
- 11-Aug-2011 12:49 PM
- Forum: Using jQuery Plugins
Is there any way to use jquery.validate to check if any field from the form contain HTML injections?

Thanks

-- Adam

Can't get this to work

[3 Replies]
- 25-Feb-2011 12:51 PM
- Forum: Getting Started
I have try to combine

- Custom HTML form checkbox and radio buttons (http://plugins.jquery.com/project/custom_radio_buttons)
with
- jQuery Form Wizard (http://thecodemine.org/#_demoForm=first)

as a quiz for kids where answers are colored radio buttons (Green/Red/Yellow).

Somehow custom radio buttons (G/R/Y) are working when I have not "wrapped" all questions, but when I will "wrap" everything to a wizard version custom radio buttons show up only on a first question and all the rest is blank/not displayed.

$("input[type='radio']").custCheckBox() is called at the $(document).ready function

Any idea what am I doing wrong? Thanks

-- Adam

jQuery and loops

[2 Replies]
- 03-Feb-2011 03:30 PM
- Forum: Getting Started
I need to use something like

    $('#contentX).hide();
    $('#clickableX').click(function(){
        $('#contentX').toggle('slow');
    });

so I have created that loop:
1. for (var i=1; i<=20; i++)
2. $('#content' +i).hide();
3. $('#clickable' +i).click(function(){
4. $('#content' +i).toggle('slow');
5. });
6. };
and the text inside divs id='contentX' is hiding but when I will click on any #clickable link is not showing up. Any idea what is wrong? Thanks

-- Adam

Wizard plugins and steps

[0 Replies]
- 03-Feb-2011 01:44 PM
- Forum: Getting Started
I tried to find a wizard plugin with steps which come as "step x of y" but all of them shows as separate steps like step 1, step 2, step 3 etc. Maybe somebody can give me a tip which wizard can be customized to my needs. Thanks.

-- Adam

Execute .get on a form submit

[10 Replies]
- 06-Jan-2011 05:35 PM
- Forum: Getting Started
I have piece of the code:
1. <script type="text/javascript">
2. $(document).ready(function(){
3. $('.warning').remove();
4. $.get("token.php",function(txt){
5. $('.secure')
6. .append('<input type="hidden" name="ts" value="'+txt+'" />');
7. });
8. $('form').submit(function(){
9. $.get("runthis.php", {userid: "1004"});
10. return true;
11. });
12. });
14. </script>
but when I will submit the form, runthis.php script is not executed. Any idea what I am doing wrong? Thanks

Validation: Please enter a valid credit card number message after certain characters

[0 Replies]
- 29-Dec-2010 01:03 PM
- Forum: Using jQuery Plugins
Is it possible to get displayed the message "Please enter a valid credit card number" after certain characters typed into text box when using validation plugin?

Thanks

creditcard2 - validation after ceratin chracters typed

[0 Replies]
- 23-Dec-2010 04:38 PM
- Forum: Using jQuery Plugins
How do I set the number of characters to 10 in order for it display the 'invalid' message?

Thanks

What am I doing wrong? Toggle and ajax driven content

[4 Replies]
- 06-Dec-2010 04:23 PM
- Forum: Getting Started
First, I am new to the jQuery and based on a tutorial for a toggle function I want to do a toggle with a dynamic content for the collapsed DIVs. My code looks like that:
1. $(document).ready(function(){
2. //Hide (Collapse) the toggle containers on load
3. $(".toggle_container").hide();
4. //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
5. $("div.trigger").click(function(){
6. $(this).toggleClass("active").next().slideToggle("slow",
7. function () {
8. $.ajax({
9. type: "POST",
10. url: "ajax_articles.php",
11. data: "id=" + $(this).attr('rel'),
12. success: function(html){
13. $(".newarticle").html(html);
14. }
15. });
16. });
17. return false; //Prevent the browser jump to the link anchor
18. });
19. });
Somehow I can't get this to work.

Thanks for any help!

Response title

Attachments

jQuery Forum

Activity Trend