jQuery Forum

Problem to select on autocomplete
[4Replies]
- 11-Jun-2013 10:34 AM
- Forum: Using jQuery UI
Hi everybody ... I've a question for you ...

I've a function for autocomplete some text and on select i want return 2 value from the function ... this is my code:
1. function autoComp(field, srt, file, act) {
2. $( field ).autocomplete({
3. minLength: srt,
4. source: function( request, response ) {
5. $.ajax({
6. url: file,
7. type: 'post',
8. dataType: "json",
9. data: {'azione':act, 'txt':request.term},
10. success: function(data) {
11. response( $.map( data.result, function( item ) {
12. return {
13. label: item.text,
14. value: item.text,
15. id: item.id
16. }
17. }));
18. }
19. });
20. },
21. select: function( event, ui ) {
22. var obj = {};
23. obj[0] = ui.item.id;
24. obj[1] = ui.item.label;
25. return obj;
26. }
27. });
28. }
30. $(document).on('focus', '.farmCompl', function(){
31. obj = autoComp(this, 3, 'search.php', 'music');
32. if(obj){
33. alert(obj[0]);
34. alert(obj[1]);
35. }
36. });
I'me sure that ajax work fine ...
Any suggestions ???

Thanks

Problem to select on autocomplete
[0Replies]
- 11-Jun-2013 10:34 AM
- Forum: Using jQuery
Hi everybody ... I've a question for you ...

I've a function for autocomplete some text and on select i want return 2 value from the function ... this is my code:
1. function autoComp(field, srt, file, act) {
2. $( field ).autocomplete({
3. minLength: srt,
4. source: function( request, response ) {
5. $.ajax({
6. url: file,
7. type: 'post',
8. dataType: "json",
9. data: {'azione':act, 'txt':request.term},
10. success: function(data) {
11. response( $.map( data.result, function( item ) {
12. return {
13. label: item.text,
14. value: item.text,
15. id: item.id
16. }
17. }));
18. }
19. });
20. },
21. select: function( event, ui ) {
22. var obj = {};
23. obj[0] = ui.item.id;
24. obj[1] = ui.item.label;
25. return obj;
26. }
27. });
28. }
30. $(document).on('focus', '.farmCompl', function(){
31. obj = autoComp(this, 3, 'search.php', 'music');
32. if(obj){
33. alert(obj[0]);
34. alert(obj[1]);
35. }
36. });
I'me sure that ajax work fine ...
Any suggestions ???

Thanks

Check Box don't work
[2Replies]
- 27-May-2013 10:59 AM
- Forum: Using jQuery
Hi guys I have a question for you, I have in my code:
1. A checkBox that disabled an input field;
2. A select that if set to empty:
Why if I uncheck the checkBox and I set the select as empty the checkBox seems unchecked ???
See more http://jsfiddle.net/yRety/1/

This is my code:
1. <select class="select">
2. <option value=''>Select</option>
3. <option value="1">Option1</option>
4. </select>
5. <label>code:</label>
6. <input disabled class="code"></input>
7. <input disabled checked type="checkBox" class="check" title="Uncheck to Enable"></input>
$(document).on('click', '.select', function(){
if($(this).val() == ''){
$('.check').attr('disabled', true);
$('.check').attr('checked', true);
$('.code').attr('disabled', true);
$('.code').val('');
}
else{
$('.check').attr('disabled', false);}
});

$(document).on('change', '.check', function(){
if($(this).is(':checked'))
$('.code').attr('disabled', true);
else
$('.code').attr('disabled', false);
});

Find an element by class and attribute value
[3Replies]
- 27-May-2013 04:28 AM
- Forum: Using jQuery
Hello guys,
I need to find in the document an element by class and attribute value like this:
1. <span class="ui-button-text artEdit" rif="artViewDiv52">Save</span>
If I want take the element by class I write:
1. $(document).find('.artEdit');
If I want take the element by attribute value I write:
$(document).find('[rif=artViewDiv52]');
but if I want to find "artEdit" with rif="artViewDiv52" how can i write??
Thanks

submit an image by ajax
[1Reply]
- 14-May-2013 11:52 AM
- Forum: Using jQuery UI
Another question for you ...
Here there is the code complete: http://jsfiddle.net/LQN43/1/
I need to submit some data by ajax to a file php ... all so ok for the text bu not for the image ... i have this code

HTML
1. <label>Name:<label><input class="name" /><br>
2. <label>Surname:<label><input class="surname" /><br>
3. <input type="file" class="selectImage" id="selectedImageFile" /><br>
5. <div style="border:1px solid; width:100px; height:100px">
6. <img id="uploadPreview" style="width:100%"/>
7. </div>
JQUERY
1. $(document).on('change', '.selectImage', function(){
2. var oFile = document.getElementById('selectedImageFile').files[0];
3. var oImage = document.getElementById('uploadPreview');
4. var oReader = new FileReader();
5. oReader.onload = function(e){
6. oImage.src = e.target.result;
7. };
8. oReader.readAsDataURL(oFile);
9. });
11. $(document).on('click', '.save', function(){
12. var name=$('.name').val();
13. var surname=$('.surname').val();
14. var img=document.getElementById('selectedImageFile').files[0];
15. $.ajax({
16. url: 'php/reqest.php',
17. type: 'post',
18. data: {'name': name, 'surname': surname, 'img': img}
19. });
20. });
Error Console
Uncaught TypeError: Illegal invocation jquery-1.9.1.js:7340

Thanks for the support

Submit an image by ajax
[1Reply]
- 14-May-2013 11:51 AM
- Forum: Using jQuery
Another question for you ...
Here there is the code complete: http://jsfiddle.net/LQN43/1/
I need to submit some data by ajax to a file php ... all so ok for the text bu not for the image ... i have this code

HTML
1. <label>Name:<label><input class="name" /><br>
2. <label>Surname:<label><input class="surname" /><br>
3. <input type="file" class="selectImage" id="selectedImageFile" /><br>
5. <div style="border:1px solid; width:100px; height:100px">
6. <img id="uploadPreview" style="width:100%"/>
7. </div>
JQUERY
1. $(document).on('change', '.selectImage', function(){
2. var oFile = document.getElementById('selectedImageFile').files[0];
3. var oImage = document.getElementById('uploadPreview');
4. var oReader = new FileReader();
5. oReader.onload = function(e){
6. oImage.src = e.target.result;
7. };
8. oReader.readAsDataURL(oFile);
9. });
11. $(document).on('click', '.save', function(){
12. var name=$('.name').val();
13. var surname=$('.surname').val();
14. var img=document.getElementById('selectedImageFile').files[0];
15. $.ajax({
16. url: 'php/reqest.php',
17. type: 'post',
18. data: {'name': name, 'surname': surname, 'img': img}
19. });
20. });
Error Console
Uncaught TypeError: Illegal invocation jquery-1.9.1.js:7340

Thanks for the support

Edit text and addClass at Dialog Button
[2Replies]
- 17-Apr-2013 09:25 AM
- Forum: Using jQuery
Hi guys, I've another question for you ...

I've create a function for open a dialog like this
1. function dialogOpen(div, width, height, text){
2. $(div).dialog({
3. autoOpen: false,
4. width: width,
5. height: height,
6. modal: false,
7. buttons: {text:function(){ }},
8. close: function() {$(div).remove();}
9. });
10. $(div).dialog( "open" );
11. }
13. $(document).on('click', '.openDialog', function()dialogOpen('divClient', 'auto', 'auto', 'New');});
I would like to Know :
1. Why the text of dialog-button is 'text' and no 'New'? How can I do it?
2. How can I addClass('newClient') at the same button?
Thanks so much
Bye

Edit text and addClass at Dialog Button
[3Replies]
- 17-Apr-2013 09:24 AM
- Forum: Using jQuery UI
Hi guys, I've another question for you ...

I've create a function for open a dialog like this
1. function dialogOpen(div, width, height, text){
2. $(div).dialog({
3. autoOpen: false,
4. width: width,
5. height: height,
6. modal: false,
7. buttons: {text:function(){ }},
8. close: function() {$(div).remove();}
9. });
10. $(div).dialog( "open" );
11. }
13. $(document).on('click', '.openDialog', function()dialogOpen('divClient', 'auto', 'auto', 'New');});
I would like to Know :
1. Why the text of dialog-button is 'text' and no 'New'? How can I do it?
2. How can I addClass('newClient') at the same button?
Thanks so much
Bye

syntax of a function ...
[1Reply]
- 12-Apr-2013 08:57 AM
- Forum: Using jQuery
I state that are in the course of learning do jQuery ...
There are thousands of tutorials to write functions in a thousand different ways in file .js external...
Someone can give me a hand?
1. // Do something when the document it's ready (at the end) ...Correct?
2. jQuery(document).ready(function(){
3. alert(' I am ready ');
4. });
1. // The document learn the function and when it is called do something ... Correct?
2. function hello() {
3. alert(' hello ');
4. }
But I don't understand what it means:
1. jQuery(function($) {
2. ...
3. }
or
1. (function($) {
2. ...
3. }(jQuery));
Examples are more accepted

Thanks a lot

Can I open a div injected from a ajax request in a dialog?
[3Replies]
- 11-Apr-2013 12:32 PM
- Forum: Using jQuery
Hi guys,

Can I open a div injected from a ajax request in a dialog?

Example

Html
1. <button class="clickme">Click Me</button>
2. <div id="result"><div>
Php
1. if ($_REQUEST["action"] == 'greetings'){
2. echo' <div id="hello">Hello<div>';
3. }
Jquery
1. $(document).on('click', '.clickme', function(){
2. $.ajax({
3. url: 'php/function.php',
4. type: 'post',
5. data: {'action':'greetings' },
6. success: function(result) {
7. $("#result").append(result);
8. $( "#hello" ).dialog({
9. autoOpen: false,
10. width: 1200,
11. height: 500,
12. modal: true
13. });
14. $("#hello").dialog( "open" );
15. }
16. });
17. });
Thanks

Prolem to "slide" animation
[0Replies]
- 03-Apr-2013 10:33 AM
- Forum: Using jQuery
I would like to submit to this problem ... The complete example can be found on http://jsfiddle.net/LyxFP/1/
I don't know why te button "fade" work and the button "slide" don't work ???
Any suggestion is welcome.

I put here the code also

HTML
2. <table>
3. <tr>
4. <td>a</td>
5. <td>b</td>
6. <td>c</td>
7. <td>d</td>
8. </tr>
9. <tr id="divHidden" style="display: none; background-color:red;">
10. <td colspan="4">
11. <table>
12. <tr>
13. <td>e</td>
14. <td>f</td>
15. <td>g</td>
16. <td>h</td>
17. </tr>
18. </table>
19. </td>
20. </tr>
21. </table>
22. <br><br><br>
23. <button id="fade" >Click me (fade) !</button>
24. <button id="slide" >Click me (slide)!</button>
jQuery
2. $(document).on('click', '#fade', function(){
3. $('#divHidden').toggle("fade", 500);
4. });
6. $(document).on('click', '#slide', function(){
7. $('#divHidden').toggle("slide", 500);
8. });
CSS
2. table, tr, td{
3. border:1px solid black;
4. }
Thanks for the support

Bye

How can I set the time of delay of moseover in a on()?
[3Replies]
- 05-Mar-2013 01:16 PM
- Forum: Using jQuery
Hi Guys, I have a problem ... I want execute a function after 5 seconds that the user is on mouse over of a anchor ...

I have an element that is dynamical loaded ... I have to work with .on() ... How can I set the time of delay?

Code HTML:
1. <a href="#" id="test">Test</a>
Code jQuery:
1. $(document).on('mouseover', '#test', function(){
2. alert ("hello");
3. });
thanks

Call a function and pass the name of another function
[4Replies]
- 26-Feb-2013 04:52 AM
- Forum: Using jQuery
Hello guys,
I've a problem, i want call a function and pass the name of another function ... i've a code like this:
1. <body>
2. <div id="div">
3. <button id="button">Click Me!</button>
4. </div>
5. </body>
function hello(){
alert ('hello');
}

function welcome(a,b){
$('#div').css("background-color", 'red');
setTimeout(function() { b; }, 1000 );
}

$('#button').click(function(){
welcome('red','hello()');
});
How can I call the function hello()?
Thanks

Problem to start a script after an ajax response
[2Replies]
- 18-Feb-2013 06:17 AM
- Forum: Using jQuery
I have a HTML code like this:
1. <!DOCTYPE html>
2. <html lang="en">
3. <head>
4. <title>Test</title>
5. <meta charset="utf-8">
6. <script src="js/jquery-1.9.0.js"></script>
7. <script>
8. $(function buttA() {
9. $("#buttA").click(function(){
10. alert ("Hello from buttonA");
11. });
12. });
13. $(function buttB() {
14. $("#buttB").click(function(){
15. alert ("Hello from buttonB");
16. });
17. });
18. $(function bReq() {
19. $("#bReq").click(function(){
20. $.ajax({
21. url:"test.php",
22. type:"post",
23. success:function(result){ $("#b").html(result);}
24. });
25. });
26. });
27. </script>
28. </head>
29. <body>
30. <div id="content">
31. <div id="a">
32. <button id="buttA">Button A</button>
33. </div>
34. <button id="bReq">Call Button B</button>
35. <div id="b">
36. </div>
37. </div>
38. </body>
39. </html>
and a PHP code like this:
1. <?php
2. echo '
3. <button id="buttB">Button B</button>
4. ';
5. ?>
Why Button B don't work ??

select a div in a div hidden
[6Replies]
- 14-Feb-2013 08:05 AM
- Forum: Using jQuery
I have a code like this:

<div id="body">
      <div id="home" class="page" style="display:block">
            <div class="content">...</div>
      </div>
      <div id="home" class="page" style="display:none">
            <div class="content">...</div>
      </div>
      <div id="home" class="page" style="display:none">
            <div class="content">...</div>
      </div>
....
</div>

I want remove all "content" of "page" hidden and I think that this is the code:

$(".content.page:hidden").remove();

but don't work ... where I wrong ??

Thanks

Add icon in dialod titlebar and events???
[4Replies]
- 14-Feb-2013 07:45 AM
- Forum: Using jQuery UI
Can I add icon in the titlebar ? And if it's possible, how can I associate an event?

Thank you so much

Francesco

Open link in a dialog Window
[3Replies]
- 07-Feb-2013 10:35 AM
- Forum: Using jQuery UI
Hello guys,
I wold like to know if it's possible open a link (website) in a dialog Window.

Thanks a lot

Francesco

Response title

Attachments

jQuery Forum

Activity Trend