jQuery Forum

Loading files into folder and read <li> tag content
[1Reply]
- 13-Mar-2018 07:49 AM
- Forum: Using jQuery
Hello experts,

I'd like to know How I can import list from other files:
2. Files_to_list
3. ├── list_files.html
4. ├── list_1.html
5. ├── list_2.html
6. ├── list_3.html
9. _______________________________
10. Structure of list_1.html
11. _______________________________
13. <ul class="list-content">
14. <li class="article-item">
15. <div class="text-container">
16. <div class="article-status"><span class="article-status-label">Publicado</span></div>
17. <div class="article-title">Você costuma sonhar com fantasmas? Você está desconectado, entenda aqui</div>
18. <div class="footer">
19. <div class="article-info">
20. <span class="article-info-item comments">0 comentários</span>
21. <span class="article-info-item">368 recomendações</span>
22. <span class="article-info-item">9 cliques</span>
23. <span class="article-info-item">2018-03-12 </span></div>
24. </div>
25. </div>
26. </li>
27. <li class="article-item">
28. <div class="text-container">
29. <div class="article-status"><span class="article-status-label">Publicado</span></div>
30. <div class="article-title">Bom dia Aquário, sua previsão do amor&sexo para Seg e Ter (13.03)</div>
31. <div class="footer">
32. <div class="article-info"><span class="article-info-item comments">0 comentários</span><span class="article-info-item">275 recomendações</span><span class="article-info-item">22 cliques</span><span class="article-info-item">2018-03-12 </span></div>
33. </div>
34. </div>
35. </li>
36. </ul>
38. _______________________________
39. Structure of list_files.html
40. _______________________________
43. <!DOCTYPE html>
44. <html lang="pt">
45. <head>
46. <title>Lista de Posts</title>
47. <meta charset="utf-8">
48. <meta name="viewport" content="width=device-width, initial-scale=1">
49. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
50. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
51. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
53. <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
54. <script type="text/javascript">
56. $(document).ready(function() {
58. var $table = $(".article-item").length;
59. //alert('Tulio o total é: '+$table);
60. var i= 1;
61. var $status, $titulo, $comments, $items, $item1,$item2,$item3;
63. $('.article-item').each(function(){
64. //$status = $(this).text();
65. $status = $(this).find('.article-status-label').text();
66. $titulo = $(this).find('.article-title').text();
68. $items = $(this).find('.article-info-item').text().split(' ');
69. $comments = $items[0].replace(/[^0-9]/g, '');
70. $item1 = $items[1].replace(/[^0-9]/g, '');
71. $item2 = $items[2].replace(/[^0-9]/g, '');
72. $item3 = $items[3].replace(/[^0-9]/g, '');
74. $('#myTable').append('<tr id='+i+'><td>'+i+'</td><td>'+$status+'</td><td>'+$titulo+'</td><td>'+$comments+'</td><td>'+$item1+'</td><td>'+$item2+'</td><td>'+$item3+'</td></tr>');
75. i++;
76. });
78. });
82. </script>
83. <style type="text/css">
84. ul{
85. display:none;
86. }
87. </style>
89. </head>
90. <body>
92. <table id="myTable" class="table">
93. <tbody>
94. <tr>
95. <td>ID</td>
96. <td>Status</td>
97. <td>Titulo</td>
98. <td>Comentarios</td>
99. <td>Recomendações</td>
100. <td>Clicks</td>
101. <td>data</td>
102. </tr>
103. </tbody>
104. </table>
106. 
111. _______________________________
112. Result of list_files.html
113. _______________________________
115. 4 rows in set (0.00 sec) - [Button Copy To Clipboard]
116. +------+--------+----------------------+------------------------------------+---------------------------+------------------+-------------------+
117. | ID | File | article-status-label | article-title | article-info-item comments| article-info-item| article-info-item |
118. +------+--------+----------------------+------------------------------------+---------------------------+------------------+-------------------+
119. | 1 | list_1 | Publicado | Você costuma sonhar com fantasmas? | 10 | 9 | 368 |
120. | 2 | list_1 | Publicado | Title test 123 | 5 | 12 | 123 |
121. | 3 | list_2 | Cancelado | Title test 456 | 196 | 32 | 94 |
122. | 4 | list_3 | Cancelado | Title test 789 | 23 | 87 | 12 |
123. +------+--------+----------------------+------------------------------------+---------------------------+------------------+-------------------+

Issue using Append
[1Reply]
- 21-Apr-2017 04:13 PM
- Forum: Using jQuery
Hello Everone,

I created the code below, however, I believe I should use something like an array because when I call the function several times, then it's appending the same name(xnome) and id.
2. //EXAMS
3. $('#idexame').change(function () {
5. var doc = document.getElementById("idexame");
7. $("#xnome").html(doc.options[doc.selectedIndex].text);
9. $(".selecionado").append('<div class="alert alert-warning alert-dismissible">
10. <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
11. <h4 id="xnome">'+doc.options[doc.selectedIndex].text+'</h4>
12. <textarea name="sexames[]" class="form-control" rows="2" placeholder="Observação ..."></textarea>
13. </div>
14. <input type="hidden" name="exameid[]" value="'+doc.options[doc.selectedIndex].value +'"></input');
15. });

Is there any smarter way for this code?
[3Replies]
- 25-Mar-2017 04:14 PM
- Forum: Using jQuery
Hello mates,
I was wondering if is there some better way to write the code below:
2. $("#fuma_tempo").hide();
3. $("#fuma_qnt").hide();
5. $("#fuma_ex_tempo").hide();
6. $("#fuma_ex_duracao").hide();
9. $('#fuma').click(function(){
10. if(this.checked == true) {
11. $("#fuma_tempo").show();
12. $("#fuma_qnt").show();
13. } else {
14. $("#fuma_tempo").hide();
15. $("#fuma_qnt").hide();
16. }
17. });
19. $('#fuma_ex').click(function(){
20. if(this.checked == true) {
21. $("#fuma_ex_tempo").show();
22. $("#fuma_ex_duracao").show();
23. } else {
24. $("#fuma_ex_tempo").hide();
25. $("#fuma_ex_duracao").hide();
26. }
27. });

Datetimepicker Disabling Day and Time
[0Replies]
- 19-Mar-2017 03:09 PM
- Forum: Using jQuery
Hello experts,

I'm using bootstrap-datetimepicker : https://eonasdan.github.io/bootstrap-datetimepicker/#inline and I got a situation.

I have three conditions before enable a date and time:

1 - Full day disable, like holiday, which is already done at the propriety: disabledDates
2 - Shop Closed - disabledHours: [0, 1, 2, 3, 4, 5, 6, 20, 21, 22, 23, 24]
3 - Already busy date and time

On the third condition is the issue, How can I disable only the exactly time on the selected day?

Example of busy date/time:
1. busy['2017-03-19 11:00', '2017-05-09 15:30']
2. holidays['2017-12-31']
1. $('#datetimepicker12').datetimepicker({
2. inline: true,
3. sideBySide: true,
4. minDate: new Date(),
5. format: 'DD-MM-YYYY H:m',
6. disabledDates: holidays,
7. disabledHours: [0, 1, 2, 3, 4, 5, 6, 20, 21, 22, 23, 24]
8. });
Also, is it possible use a tooltip with an information like "Christmas Day" hover the disable day?

Thank you.

Help me Out - Function and Array
[2Replies]
- 19-Mar-2017 12:56 PM
- Forum: Using jQuery
Hello experts,

can you help me out with these functions, I would like to get the list os holidays:
2. var oHoliday = [];
4. oHoliday = holidayList();
5. $('#datetimepicker12').datetimepicker({
6. inline: true,
7. sideBySide: true,
8. minDate:new Date(),
9. disabledDates: oHoliday //The holidays llist will be insert here
10. });
12. function holidayList(){
13. var days ="";
14. $.get('/holidays/ajax/', function(oHoliday){
15. $.each(oHoliday, function(i, getHoliday) {
16. // oHoliday.push( getHoliday.day );
17. days += getHoliday.day;
18. });
19. });
20. return days;
21. }

Response title

Attachments

jQuery Forum

Activity Trend