jQuery Forum

jquery 1.4.2 IE8 error
[2Replies]
- 28-Feb-2012 02:57 AM
- Forum: Using jQuery
Hi,
one of my pages makes IE8 report an js error in line 5942 of jquery (uncompressed). Other pages using the same jquery version works fine. Any ideas what could be the reason ?

cheers,

validate equalTo condition
[1Reply]
- 20-Jan-2012 03:01 AM
- Forum: Using jQuery Plugins
Hi,
I have a input field where the user must enter a required fixed value "yes" but only if a specific value is selected in another "select" element.

I know how to conditionally remove the "required" value but how to I remove the "equalTo" :
1. $("#disclaimer").rules("add",
      {
          required:function (element) {
          return $("#mySelect").val() != 1;
          },
          equalTo:function (element) {
          if ($("#mySelect").val() != 1) {
              return "#disclaimerAnswer";
          } else {
2.             // what am I supposed to return here ??
              return undefined;
          }
          },
          messages:{
          required:"Required input",
          equalTo:"Please enter 'yes'"
          }
      }
  );
What am I suppose to return in the equalTo if I do not require anything to be entered on the input ?

cheers

element.is(":td") ?
[1Reply]
- 28-Sep-2011 03:46 AM
- Forum: Using jQuery
Hello,
how can I check that a given element is a type of "td" ?

this works fine:
1. element.is(":checkbox")
but this not
1. element.is(":td")
cheers,
Tex

basic html syntax highlighting ?
[0Replies]
- 31-Aug-2011 04:30 AM
- Forum: Using jQuery Plugins
Hello,
I'm looking for a way to display an editable html code with basic syntax highlighting. I don't need a wysiwyg editor. Basically a textarea with html code highlighting would be enough.

Is there such a plugin for jquery ?

thanks,
Tex

validate remove all rules or disable validation ?
[4Replies]
- 22-Aug-2011 05:45 AM
- Forum: Using jQuery Plugins
Hi,
I'm using the validation plugin and I have a lot of rules set on my page:
1. $("#myform").validate(
  rules: {
2. my_field: {
3.                      number:true ,
                      required:true
                  },
4. my_field2: {
5. required:true
  }.
6. my_field3: {
7. email:true
  }
8. .....
9. }
  });
The validation works fine.

My question, how can I disable all the rules or the entire validation ? I can submit the form via two buttons to either save the page (here I need validation) or "delete" the current view (here I do not want any validation)

cheers,
Tex

Get DOM element form ajax response
[3Replies]
- 04-Nov-2010 04:13 AM
- Forum: Using jQuery
Hello,
I have ajax request with a success function. The data I'm getting back are an entire <html> ..</html> page. Is there a way to retrieve from those data only a given DOM element by its id ?
1. $.ajax({
2. type: "POST",
3. url: requestURL,
4. data: formData,
5. beforeSend: function(){ },
6. dataType: "html",
7. success: function(data){
8. // I need to get $(#myID) from data here
9. }
10. });
Thanks for your help,

Tex

ColorBox does not open after replacing <body> content
[8Replies]
- 02-Nov-2010 07:39 AM
- Forum: Using jQuery Plugins
Hello,
I'm using ColorBox to open a simple popup and it works fine. In the same page I have a link which sends an ajax request which return the entire <body> content that I then use to replace the body of the current page. After I do this replacement, the colorbox does not open anymore. I got no JS errors.

Here is a code which reproduces this behaviour
1. <html>
2. <head>
3. <script src="js/jquery-1.4.3.js"></script>
4. <script src="js/jquery.colorbox.js"></script>
5. <link href="css/colorbox.css" rel="stylesheet" type="text/css"/>
6. <script>
7. function openColorBox() {
8. $.fn.colorbox({href:"popup.html"});
9. }
10. function submitAjax(myAction) {
11. $('body').html($('body').html());
13. }
14. </script>
15. </head>
16. <body>
17. <div id="myContent">
18. <p> <a onclick="openColorBox()" href="#">Open color box</a></p>
19. <p><a onclick="submitAjax()" href="#">Sent ajax request</a></p>
20. </div>
21. </body>
22. </html>
In the submitAjax() function I simply replace the body of the current page with the same content.

Do you know what can be the problem ?

Thanks,Tex

Replace current html page with ajax respose
[6Replies]
- 01-Nov-2010 09:09 AM
- Forum: Using jQuery
Hello,
I have page with an Ajax request which returns an entire <hml>..</html> page and I would like to use this response data to replace the current page. I wrote the following :
1.            $.ajax({
                 type: "POST",
                 url: URL,
                 data: formData,
                 beforeSend: function(){
  
                 },
                 dataType: "html",
                 success: function(data){
  
                    $("body").html(data);
                 }
             });
but I'm getting some strange java script errors on the resulting page like "s is undefined (line 1)" but there is no code on that line. I suspect that my it is a problem with the jquery libraries include so I'm wondering if I'm correctly generating the resulting page.

I also tried using
1. $("html").html(data);
but the result seems to be the same.

Any ideas what's going on ?

Thanks

IE8 droppable <tr> bug ?
[1Reply]
- 10-Sep-2010 10:02 AM
- Forum: Using jQuery UI
Hello,
I have a table which have a droppable <tr> and draggable <div>s . In the drop function, I'm always getting the 1st row of the table even if I drop on another row of the table when using IE8. It works in other browsers. Live demo : http://jsbin.com/anogo3
2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
3. <html>
4. <head>
5. <script type="text/javascript" src="jquery.js"></script>
6. <script type="text/javascript" src="jquery-ui-1.8.4.custom.min.js"></script>
7. <script type="text/javascript">
8. $(document).ready(function() {
9. $("#containment-wrapper div").draggable({
10. revert: true,
11. cursor: 'move',
12. });
14. $("#containment-wrapper tr").droppable({
15. drop: function(event, ui) {
16. alert("Dropped on " + $(this).attr('id'));
17. }
18. });
19. });
20. </script>
21. </head>
22. <body>
24. <div>
25. <h2> </h2>
26. </div>
28. <table id="containment-wrapper" border="1">
29. <tbody >
30. <tr class="odd" id="myid1">
31. <td style="text-align: left; width: 20%;"><div id="cell1">CELL 1</div></td>
32. </tr>
33. <tr class="odd" id="myid2">
34. <td style="text-align: left; width: 20%;"><div id="cell2">CELL 2</div>
35. </td>
36. </tr>
37. <tr class="odd" id="myid3">
38. <td style="text-align: left; width: 20%;"><div id="cell3">CELL 3</div>
39. </td>
40. </tr>
41. </tbody>
42. </table>
43. </body>
44. </html>
If I remove line 1 or line 24 - 26 the bug disappears ?!

Any ideas what's wrong ?

droppable <tr>, disable childs <a> onclick
[0Replies]
- 10-Sep-2010 03:09 AM
- Forum: Using jQuery UI
Hello,
I have a droppable <tr> which contains some <a> links. Those links have a onclick function:
1. <tr id="myselector"><td><a onClick="doFunctionA()">foo</a></td></tr>
On the drop even on the <tr> element, I do another function:
1. $("#myselector tr").droppable({
3. drop: function(event, ui) {
4. ...
5. }
6. });
The problem is that when I drop something on the link, the "doFunctionA" is called and then only the function defined on the tr element.

How can I disable the doFunctionA() in this case ? I tried overriding it in the "ondrop" function:
1. $("#myselector tr").droppable({
3. drop: function(event, ui) {
4. $(this).find('a').first().click(function(e) {});
5. }
6. });
but this doesn't work.

EDIT: I'm actually dragging one tr to another and it's the onClick() of the tr being dragged which is called. So I have the override that onClick event.
1. ui.draggable.find('a').removeAttr("onclick");
A better solution would be to dump the onClick event totally and do it also in jquery.

This topic is solved :)

T.

Response title

Attachments

jQuery Forum

Activity Trend