jQuery Forum

I put a jsfiddle

I'd like to add <option> in each <select> depending on the visible items. I mean: If I have categories: 1 and 2 and provinces: 1 I would like to offer just those options in <option> tags. Would you please give me a clue? (note I'm using 'data-*' to determinate which element belong to each category or province.... Jake!!! ;)

THANK YOUUUU 

Hello

I'm having a strange delay between the input content and the val value... I mean: the val value is always one step behind of the real content of the input box... I don't know what am I doing wrong... Would you please give me a clue?

THANK YOU!!!

I'm trying to modify this tutorial: http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/ in order to add a button to flip the boxes and another to close them. I'm stuck because after adding the content with .html() the '.close' button doesn't work and I don't really understant why... Would you please give me a clue? 

THANK YOU!!!

1. $(document).ready( function (){
2. $( '.open' ).on( "click" , function (){
3. var elem = $( this ).closest(". sponsorFlip ");
4. 
   
5. if (elem.data( 'flipped' ))
6. {
7. elem.revertFlip();
8. elem.data( 'flipped' , false )
9. }
10. else
11. {
12. 
    
13. elem.flip({
14. direction: 'rl' ,
15. speed: 250 ,
16. onBefore: function (){
17.                                           //PROBLEM 1: THE <p class="close">CLOSE</p> INSIDE .sponsorData DOESN'T WORK AFTER .html() INSERT
18. elem.html(elem.siblings( '.sponsorData' ).html());
19. }
20. });
21. elem.data( 'flipped' , true );
22.                   // this code is to revert all the flipped boxes
23.                               $(".sponsorFlip").not(elem).each(function(){
24.                                            if($(this).data("flipped")){
25.                                                 // PROBLEM 2: I HAVE TO MODIFY THE TRIGGER IN ORDER TO EXECUTE THE .close CLICK EVENT
26.                                                    $(this).trigger("click",[true]);
27.                                               }
28.                                     });
29.   }
30. });
31. $(".close").on("click",function(){
32.       alert("I'd like to revert the flipped box when I'm here. I know I should remove the if/else from .open click event");

1. });
2. });

I'm stuck with a simple script. Would you please help me? It's just working once.... :(

THANKS!

I'm trying to do an easy filter script to show the elements I want to see depending the option I've chosen. I don't want to use an external script. I'd like to do it by myself.

On the one hand, I have the option in two lists

1. <ul class =" provincias ">
2.       <li data-provfil =" 6 ">Text</li>
3.       ...
4. </ul>
5. <ul class =" categorias ">
6.       <li data-catfil =" 6 ">Text</li>
7.       ...
8. </ul>

and, on the other hand, I've the elements:

1. <section>
2.       <article>
3.             <header>
4.                   <h4>
5.                         <span class="cat" data-cat="1">Categy 1</span>
6.                         ....
7.                         in
8.                         <span class="prov" data-prov="5">Province 1</span>
9.                         ....
10.                   </h4>
11.             </header>
12.       </article>
13.       ...
14. </section>

I used '....' in order to tell the element may repeat.

And, finally, the jQuery Script is

1. <script>
2. $(document).ready(function() {
3. $('article')
4. .mouseenter(function() {
5. $( this ).css('opacity','0.5');
6. })
7. .mouseleave(function() {
8. $( this ).css('opacity','1');
9. })
10. .click(function(){
11. alert('show the details of ' + $(this).find('h2').text());
12. });
13. $('aside div ul li')
14. .click(function(){
15. if($(this).data('provfil')){
16. var iddata = 'prov';
17. var actprov = $(this).data('provfil');
18. }else{
19. var iddata = 'cat';
20. var actprov = $(this).data('catfil');
21. }
23. if(!$(this).children().hasClass('quitar-filtro')){
24. $(this).append(' <span class="quitar-filtro">X</span>');
25. $(this).show().siblings().hide();
27. $("[data-"+iddata+"!="+actprov+"]")
28. .closest('article')
29. .hide(1000);
31. $("[data-"+iddata+"="+actprov+"]")
32. .closest('article')
33. .show(1000);
35. }else{
36. $(this).remove();
37. $(this).closest('ul').children().show();
39. $("[data-"+iddata+"!="+actprov+"]")
40. .closest('article')
41. .show(1000);
42. }
43. });
44. });
45. </script>

I'm sure is very basic.

What problem am I having?

1. When I restore the elements (clicking on .quitar-filtro) the list elements don't appear again. 

2. When I click on  .quitar-filtro the article elements appear again ignoring the other filter applied

3. and finally, I'd really like to get a more visual attractive effect than show(1000) and hide(1000) for the article elements.

Could you please help me?

I'd be very grateful for some advice

THANKS

I'm having problems with css styling. I'd like to set different style for the first word of a li element. The problem is, I can't add a tag to the html because is a prestashop site.... And, we are talking about the menu... (dynamic). So, my option is jQuery. I need something like :first-word but I don't understand what I've founded in the Internet. So, could it be possible something like:

1. var Words = $('nav li').text();
2. var FirstWord = Words.split(' '); //FirstWord[0]
3. // and then I'd like to add a span to wrap the word

Thank you!!!

I'll try to explain what I want to do. I have multiple images to select and I'd like to limit the user selecting an image or images with the total with lower than 990px. I have the with information into the 'alt' of each images. It would be something like this:

- if you've chosen one image of 990px you can't select more images

- if you've chosen one image of 728px you can select another of 250px i.e

The max images are two. 

Could you please help me to start? I'm stuck! 

Thank you!!

Hello

I'm doing a form which contains a gallery with PHP+MySQL. I'd like to add the possibility to upload images using jQuery in case of the image I'd like to use is not in the gallery. The problem is, $_FILES doesn't send through $.post.... I was reading and, as I understood, this is not possible. 

Another option would be open a pop-up window to upload the file. But in this case, when I go back to the form, the pictures must be updated with no reload it (because if I reload I miss all the information I have typed before). How could I do it?

In definitive, I'd like to add something like this: $('ul').append('<li><img src... /><span>NAME</span></li>'); to the main page form, when the popup window image is recorded.

Thank you

I'm stuck. I've the following structure:

I don't know why the script doesn't hide the previous current section... I can't use the .gallery-item directly because I have two like this and if I use the class the changes applies in both of them. Does anybody know what could be happen?

Thanks!

Hello

I'm working on a control panel form. One of those fields is a selection of images from a gallery. I'd like to open the gallery in another page and do everything I want (upload, edit, delete images) and then, select the images I'd like to include in my post. I put all the selected files into a jQuery array called 'selectedItems'. Everything is fine here, the problem is, I don't know how to pass that array to the parent page... I mean, I have the post data into the page A (title, content, etc), but the images loading from the page B (gallery) and when I finished my selection, I'd like to close the B window and has the values into the A page... How could I do that? I used to call functions with $.post but in this case, the user has to interact with the gallery....

Thank you