javascript inside foreach

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

crisweb 18 posts 88 karma points

Apr 16, 2020 @ 15:53

Hello this script works oddly well, but the code is not correct, how can I not loop the script? I ask for help please thanks

@foreach(var kk in itemmenu) {

<script type="text/javascript">
    $(document).ready(function () {
     $('#@kk.id').click(function(){ 
            $("#td").fadeOut(1);
            $("#td").fadeIn(1000);
            $.get('@kk.Url', function (data) {
            $('#td').html(data);        
        });
    });
});

}

Copy Link

Alex Skrypnyk 6175 posts 24186 karma points MVP 8x admin c-trib

Apr 16, 2020 @ 16:25

0

Hi,

Can you show all the code? And maybe try to see the source code of the page - what was rendered.

Copy Link
crisweb 18 posts 88 karma points

Apr 16, 2020 @ 18:44

0

Hi In this image there is the code generated by the script and in my opinion even if executed it is not good. Quite right?

Copy Link
Alex Skrypnyk 6175 posts 24186 karma points MVP 8x admin c-trib

Apr 16, 2020 @ 19:00

0

Yes, this is a bad idea to render script per each id.

Copy Link
Alex Skrypnyk 6175 posts 24186 karma points MVP 8x admin c-trib

Apr 16, 2020 @ 19:07

0

render all data in html and create just one script that uses data from HTML and do what you need

Copy Link
crisweb 18 posts 88 karma points

Apr 16, 2020 @ 19:10

0

yes right, but I can't do it, could you give me some advice how to do it? please, I can't. thank you

Copy Link

Alex Skrypnyk 6175 posts 24186 karma points MVP 8x admin c-trib

Apr 16, 2020 @ 19:10

Something like this:

@foreach(var kk in itemmenu)
{   
    <input type="button" class="btn btn-success" id="@kk.id" value="@kk.Name" data-url="@kk.Url" />     
}

<script type="text/javascript">
    $(document).ready(function () {
        $('.btn-success').click(function(){ 
            $("#td").fadeOut(1);
            $("#td").fadeIn(1000);
            var url = $(this).data('url');
            $.get(url, function (data) {
                $('#td').html(data);        
            });
        });
    });
</script>

Copy Link

crisweb 18 posts 88 karma points

Apr 16, 2020 @ 19:16

0

I tried your script, IT WORKS PERFECTLY, Thank you very much !!! I hope to be of assistance in the future. Thanks again Sorry my english is terrible

Copy Link
Alex Skrypnyk 6175 posts 24186 karma points MVP 8x admin c-trib

Apr 16, 2020 @ 19:19

0

You are always welcome!!! Ask more questions!

Copy Link
crisweb 18 posts 88 karma points

Apr 25, 2020 @ 11:33

0

Hello Can I ask you a favor? the script you corrected me you manage a menu, could you kindly implement it by making sure that the first menu item is open as you enter the page? Thank you so much

Copy Link
crisweb 18 posts 88 karma points

Apr 25, 2020 @ 11:34

0

I don't understand much of javascript

Copy Link

crisweb 18 posts 88 karma points

Apr 25, 2020 @ 13:10

Hi this assigns the right css display: block class, but the div is not populated because it populates at the click event. I don't know what to do please

<script type="text/javascript">
$(document).ready(function () {
    var $q = $("#td"); 
    $q.css("display", $q.css("display") === 'block' ? 'block' : 'block');
    $('.btn-success').click(function(){ 
        $("#td").fadeOut(1);
        $("#td").fadeIn(1000);
        var url = $(this).data('url');
        $.get(url, function (data) {
            $('#td').html(data);  
        });
    });
});

Copy Link

crisweb 18 posts 88 karma points

Apr 25, 2020 @ 13:48

Sorry again this code works, but is it correct? what do you think about it? thanks

<script type="text/javascript">
$(document).ready(function myFunction() {
    $("#td").load("/materiali-scaricabili/brochure/");
    <!--alert("Page is loaded");-->
    var $q = $("#td"); 
    $q.css("display", $q.css("display") === 'block' ? 'block' : 'block');
    $('.btn-success').click(function(){ 
        $("#td").fadeOut(1);
        $("#td").fadeIn(1000);
        var url = $(this).data('url');
        $.get(url, function (data) {
            $('#td').html(data);  
        });
    });
});

Copy Link

Alex Skrypnyk 6175 posts 24186 karma points MVP 8x admin c-trib

Apr 27, 2020 @ 15:30

0

Can you show me your html as well?

Copy Link
is working on a reply...

Please Sign in or register to post replies