Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

bind to loaded elements

R
rielyn last edited by
There's a code like this:
```
$("ul#mmenu li").hover(
    function(){$("span.move, span.onoff",this).css("opacity",1)},
    function(){$("span.move, span.onoff",this).css("opacity",0)}
);
```
Ayax is loaded with content including the above elements. How "прибиндить" This hover?
Reply Quote 0
1 Reply Last reply

chanisef

function AA(){$("span.move, span.onoff",this).css("opacity",1)}
function BB(){$("span.move, span.onoff",this).css("opacity",0)}
$("ul#mmenu li").hover(AA, BB);

$.load(_blablabla_);
_blablabla_.hover(AA, BB);

Although it's best to hang through the live:

$("ul#mmenu li").live('mouseenter', AA).live('mouseleave', BB);

jquery 35917

2
Posts

0
Views

Suggested Topics

Floating window if requested
Software Programming • javascript php jquery • • Demir

2

0
Votes

2
Posts

0
Views

if($sql!==false) { //тут код модального окна ♪from the docks: mysql_query() returns TRUE in case of successful request and FALSE in case of error.
How to show the value of the bank on a star rating?
Software Programming • javascript php mysql jquery • • Alberto

2

0
Votes

2
Posts

0
Views

Y

Buddy does the following vc want you to be able to vote more than once? If yes create a button where the user id will be sent to a table that will be given +1 to the existing votesinput type="submit" name ="voto" value="<?php // PEGUE O ID DO USUARIO ?>"/ //vou fazer com PHP estrutural $id = $_POST['voto']; $voltar = $volta($id); function volta($id){ $sql = "SELECT FROM tbl_name WHERE id_user = '$id'" $resul = pg_query($sua_conexao, $sql); $voltar = pg_fetch_assoc($result); return $voltar; } votar(); function votar($id){ global $voltar; $nvoto = $voltar['voto'] + 1; sql = "INSERT INTO nome_tabela(id_user,voto) values('$id','$voto')"; $resultar = pg_query($sua_conexao, $sql); $pg_close($sua_conexao); } I did with Posts and did not test, but I hope you have understood the logic if you need in POO and PDO I can redo in a cooler way
M

Fill the html table from js vertical force
Software Programming • javascript jquery massives tables • • magpie

2

0
Votes

2
Posts

0
Views

P

If the number of elements is the same, it can be easier. Faced with the number of elements in the field id (With each value id) make overtake and add keys. let section = { id: [1,2], name: ["sveta","veronika"], sum: [10,15], }; for (let i = 0; i < section.id.length; i++){ let tr = '<tr>'; // создаем строку таблицы tr += '<td>' + section.id[i] + '</td>'; // добавляем столбцы в строку tr += '<td>' + section.name[i] + '</td>'; tr += '<td>' + section.sum[i] + '</td>'; tr += '</td>'; $('#painting > tbody:last-child').append(tr); // добавляем полученную строку в дом }</code></pre><pre class="snippet-code-html lang-html prettyprint-override"><code><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table id="painting" cellspacing="2" border="1" cellpadding="5"> <thead> <tr> <th>ID</th> <th>Name</th> <th>Sum</th> </tr> </thead> <tbody> </tbody> </table>
How can the element be properly positioned at the juncture of other elements (CSS)?
Software Programming • html cs • • irl

2

0
Votes

2
Posts

0
Views

A

Through variables:$width: 100px; * { box-sizing: border-box; } .top { width: 200px; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: $width - 20px; background: #ccc; } .bot { width: 200px; padding-top: $width; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; background: #f00; position: relative; box-sizing: border-box; } .circle { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: $width; height: $width; background: #00f; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; }<div class="top"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex pariatur expedita asperiores deleniti, velit nulla nemo perferendis, facilis iusto quia, iure officia fuga officiis? Libero autem, assumenda quo magnam reiciendis nulla. Consectetur, nesciunt placeat. Doloribus eum veniam quaerat porro dolores culpa blanditiis perspiciatis sed laudantium, ab recusandae eligendi dolore incidunt! </div> <div class="bot"> <div class="circle">50</div> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex pariatur expedita asperiores deleniti, velit nulla nemo perferendis, facilis iusto quia, iure officia fuga officiis? Libero autem, assumenda quo magnam reiciendis nulla. Consectetur, nesciunt placeat. Doloribus eum veniam quaerat porro dolores culpa blanditiis perspiciatis sed laudantium, ab recusandae eligendi dolore incidunt! </div> <br>
J

Remove from several Elements a particular Element
Software Programming • xpath google spreadsheet • • jules

2

0
Votes

2
Posts

0
Views

R

What you're missing is adding the instance number, you could also use a shorter xPath, for example=IMPORTXML("https://play.google.com/store/apps/details?id=es.lfp.gi.main","(//span[contains(@class, 'htlgb')])[3]")
C

The cut frame, but the background image must be visible.
Software Programming • javascript html jquery cs • • charlenef

2

0
Votes

2
Posts

0
Views

K

If I have understood your purpose correctly, it is achievable. It's easy to use the elements. fieldset and legend♪I'm not gonna attach a background image because I'm afraid to break the copyright, but in the sss-code, you can do it for yourself. background-color indicate background-image - The result will be the same..wrapper { background-color: #aaaaaa; box-sizing: border-box; margin: 0; display: flex; } .group { border: 2px solid #ffffff; box-sizing: border-box; text-align: center; margin: 50px; color: #ffffff; padding: 50px 100px; } .group legend { padding: 0 80px; }<div class="wrapper"> <fieldset class="group"> <legend>SERVICES</legend> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </fieldset> </div>Take this example and experiment with the styles of the prints and the positioning of the elements.Good luck!
C

Why doesn't the secondary script work?
Software Programming • jquery • • Cleofas

2

0
Votes

2
Posts

0
Views

S

Your problem is how to load the elementsIf you add this section within the success it will work var table = $('#example').DataTable( { lengthChange: false, buttons: [ 'copy', 'excel', 'csv', 'pdf', 'colvis' ] } ); table.buttons().container().appendTo( '#example_wrapper .col-md-6:eq(0)' ); Example$(document).ready(function() { $("#buscaidestacion").click(function() { ... success: function(data) { # Inserta esto al final var table = $('#example').DataTable( { lengthChange: false, buttons: [ 'copy', 'excel', 'csv', 'pdf', 'colvis' ] } ); table.buttons().container().appendTo( '#example_wrapper .col-md-6:eq(0)' ); } }); }); This happens to you that when you want to generate the buttons there is still no table this is generated until you click the button search then you have to put that action into the button "Search".I hope you explained me correctly.
S

Add a multiple select option to a simple select
Software Programming • javascript jquery • • simrah

2

0
Votes

2
Posts

0
Views

D

a simple and fast way to do so is by deleting the simple select content every time a change is made in the multiple select and adding the default option again before adding the selected options through the foreach, for example with this line:$('#bar').empty().append('<option selected disabled>Add some from multiple</option>'); I'll leave the example to you by following:$(function() { $(document).on('change', '#foo', function() { var values = $(this).val(); $('#bar').empty().append('<option selected disabled>Add some from multiple</option>'); values.forEach(function(val) { $('#bar option').each(function() { var v = $(this).val(); if (values.indexOf(v) === -1) { $('#bar').append('<option value="' + val + '">' + val + '</option>'); return false; } }); }); }); });<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select multiple id="foo"> <option value="value1">value1</option> <option value="value2">value2</option> </select> <select id="bar"> <option selected disabled>Add some from multiple</option> </select>
S

Apply Style JavaScript
Software Programming • javascript html jquery css • • simrah

2

0
Votes

2
Posts

0
Views

A

In this proposal I removed the function where you change the style of the stars according to the level of the game and added another one that creates each star with the right style, which is called within the cycle. By the way, I changed them from ID to class to have a better HTML.// En lugar de aplicar estilos después de crear el HTML // generas las estrellas de acuerdo al nivel del partido function obtenerNivel(nivel, nivelPartido) { // Si el nivel actual (1 a 5) es igual o menor al del partido, se aplica estilo // De lo contrario, se queda sin estilo let css = (nivel <= nivelPartido) ? ' style="color:#ecc300"' : ''; return `<label class="nivel${nivel}"${css}>★</label>`; } for(var i=0; i<arrayPartido.length;i++){ arrayHTML+= '<a class="font-a" href="index.php"><table class="tabla-st">'+ '<tr><td><p class="cel-left">'+ obtenerNivel(1, arrayPartido[i].nivel_partido) + obtenerNivel(2, arrayPartido[i].nivel_partido) + obtenerNivel(3, arrayPartido[i].nivel_partido) + obtenerNivel(4, arrayPartido[i].nivel_partido) + obtenerNivel(5, arrayPartido[i].nivel_partido) + '</p></td><td>'+ '<p class="cel-right">Disponible</p></td></tr>'+ '<tr><td><p class="cel-left">'+arrayPartido[i].espacio_deportivo+'</p></td></tr>'+ '<tr><td><p class="cel-left">'+arrayPartido[i].direccion+'</p></td></tr>'+ '<tr><td><p class="cel-left">'+arrayPartido[i].fecha+'</p></td><td><p class="cel-right">'+arrayPartido[i].hora+'</p></td></tr>'+ '<tr><td><p class="cel-left"> Partido creado por: '+arrayPartido[i].usuario+'</p></td></tr>'+ '<tr><td><p class="cel-left"> ID evento: '+arrayPartido[i].idEvento+'</p></td></tr>'+ '</table></a>'; $('#partidoEncontrado').html(arrayHTML); }</code></pre></div></div></p>
E

Why do you need a parent element to add the element next to him?
Software Programming • javascript • • emran

2

0
Votes

2
Posts

0
Views

N

var parent = button.parentElement; ?????var button = document.getElementById('button'); button.addEventListener('click', func); function func() { var parent = document.getElementById('my-bl'); var newInput = document.createElement('input'); parent.appendChild(newInput); } <div id="my-bl"> <button id="button">+</button> <input type="text"> </div>
Z

How do you not update the page when compressing the input[type=submit]?
Software Programming • html jquery ajax • • zymir

2

0
Votes

2
Posts

0
Views

index.php <form action="" method="POST"> <input class="col-xs-12 btn btn-primary" type="submit" name="enter" id="enter" value="Показать"/> </form> script.js$('form').submit(function(e){ e.preventDefault(); $.ajax({ type: "POST", url: "post.php", datatype: "text", data: {enter : $("#enter").val() }, success: function(data) { console.log(data); } }); }); post.phpif(isset($_POST['enter'])){ echo "Post data: ".$_POST['enter']; //тут код }
K

How to access the elements within a dinamic element with jquery
Software Programming • jquery • • kalena

2

0
Votes

2
Posts

0
Views

T

When you use a delegated event this inside the callback is the element to which the event was delegated. So this will be the form and to get the descending inputs of this form you can use the http://api.jquery.com/find/ . Something like this:$("#conteudo").on('submit', 'form[name=formCadastraQuadra]', function(){ $(this).find('input').each(function(i, el){ // aqui o "el" e o `this` corresponde ao elemento iterado
K

How to hide an element that has the same class as another element with Jquery?
Software Programming • javascript jquery css magento2 • • Kadir

2

0
Votes

2
Posts

0
Views

J

I don't understand part two. Yeah. hover on .result-thumbnail show .result-sub-contentWhat sense has to show you again when you do hover about himself?Inside the hover You have to select the class that is within the element. That's why I can use https://api.jquery.com/find/ .$('.result-thumbnail').hover(function () { $(this).find('.result-sub-content').css("display", "block"); $(this).find('.result-sub-content').css("transition", "all 1.5 ease"); }, function () { $(this).find('.result-sub-content').css("display", "none"); }); $('.result-sub-content').hover(function () { $(this).css("display", "block"); $(this).css("transition", "all 1.5 ease"); }); Now, it would be convenient for all of this to be done directly from CSS:.result-sub-content { display: none; transition: all 1.5 ease; } .result-thumbnail:hover .result-sub-content { display: block; } The transition I don't know what you're applying to, because of the property. display You can't apply a transition.I'm guessing the HTML structure, you should publish it.
S

Jquery does not run in content loaded with the .load() function
Software Programming • javascript jquery • • Saumya

2

0
Votes

2
Posts

0
Views

J

Need to use e.stopPropagation(); and one callback after .load. I also noticed that .popover only works after the second click, so I added one .trigger.Example:$('.editar').on('click', function(e){ e.stopPropagation(); var $this = $(this); var remote = $this.data('load-remote'); console.log(remote); $('#exampleModal').load( remote, function(){ $(this).modal(); $('.popover-test').on('click', function(){ $('.popover-test').popover({ container: 'body' }); }).trigger('click'); }); });<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script> <h1>Modal com .load()</h1>  <button type="button" class="btn btn-primary editar" data-toggle="modal" data-load-remote="https://codepen.io/laercionunesc/pen/jzpNwx.html" data-target="#exampleModal">Open modal</button>  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> </div>
S

How to display image elements ahead of other elements
Software Programming • javascript jquery html5 • • simrah

2

0
Votes

2
Posts

0
Views

Y

How do I use the Data URI scheme? In the Data URI scheme img src Write image data directly in the attribute. Therefore, you can expect that the HTML is read at the same time when the browser is loaded. However, if you embed image data, the HTML size will be larger. In addition, what to see first depends on the implementation of the browser.Example https://www.softel.co.jp/blogs/tech/archives/2117 If you look at the Data URI scheme, you will be able to instantly understand how it is. http://ja.wikipedia.org/wiki/Data_URI_scheme More http://hi0a.com/demo/img-base64-datauri/ There is also a web app that converts images to Data URI easily.

bind to loaded elements

Suggested Topics

Floating window if requested Software Programming • javascript php jquery • • Demir

How to show the value of the bank on a star rating? Software Programming • javascript php mysql jquery • • Alberto

Fill the html table from js vertical force Software Programming • javascript jquery massives tables • • magpie

How can the element be properly positioned at the juncture of other elements (CSS)? Software Programming • html cs • • irl

Remove from several Elements a particular Element Software Programming • xpath google spreadsheet • • jules

The cut frame, but the background image must be visible. Software Programming • javascript html jquery cs • • charlenef

Why doesn't the secondary script work? Software Programming • jquery • • Cleofas

Add a multiple select option to a simple select Software Programming • javascript jquery • • simrah

Apply Style JavaScript Software Programming • javascript html jquery css • • simrah

Why do you need a parent element to add the element next to him? Software Programming • javascript • • emran

How do you not update the page when compressing the input[type=submit]? Software Programming • html jquery ajax • • zymir

How to access the elements within a dinamic element with jquery Software Programming • jquery • • kalena

How to hide an element that has the same class as another element with Jquery? Software Programming • javascript jquery css magento2 • • Kadir

Jquery does not run in content loaded with the .load() function Software Programming • javascript jquery • • Saumya

How to display image elements ahead of other elements Software Programming • javascript jquery html5 • • simrah

Floating window if requested
Software Programming • javascript php jquery • • Demir

How to show the value of the bank on a star rating?
Software Programming • javascript php mysql jquery • • Alberto

Fill the html table from js vertical force
Software Programming • javascript jquery massives tables • • magpie

How can the element be properly positioned at the juncture of other elements (CSS)?
Software Programming • html cs • • irl

Remove from several Elements a particular Element
Software Programming • xpath google spreadsheet • • jules

The cut frame, but the background image must be visible.
Software Programming • javascript html jquery cs • • charlenef

Why doesn't the secondary script work?
Software Programming • jquery • • Cleofas

Add a multiple select option to a simple select
Software Programming • javascript jquery • • simrah

Apply Style JavaScript
Software Programming • javascript html jquery css • • simrah

Why do you need a parent element to add the element next to him?
Software Programming • javascript • • emran

How do you not update the page when compressing the input[type=submit]?
Software Programming • html jquery ajax • • zymir

How to access the elements within a dinamic element with jquery
Software Programming • jquery • • kalena

How to hide an element that has the same class as another element with Jquery?
Software Programming • javascript jquery css magento2 • • Kadir

Jquery does not run in content loaded with the .load() function
Software Programming • javascript jquery • • Saumya

How to display image elements ahead of other elements
Software Programming • javascript jquery html5 • • simrah