I forum Ricerca FAQ
Fai una domanda
Ultimo messaggio
dakyn77
dakyn77
il 12 dicembre 2020 alle 17:45
190 messaggi dal 09 novembre 2005
Ciao a tutti,
mi trovo in una situazione strana.

sto provando a richiamare una funzione javascript per recuperare dal DOM l'altezza dello schermo per ridimensionare delle immagini.
ho creato il file js con questo

<script>
    window.helpers = {
        winMaxHeight: function() {
            var windowsHeight = $(window).height();
            return windowsHeight;
        };
    }    
</script>


dopodichè l'ho importato nel file _Host.cshtml sotto a blazor.server.js
<script src="_framework/blazor.server.js"></script>
    <script src="js/image-helper.js"></script>


poi ho aggiunto nella page questo 

@page "/"
@inject IJSRuntime JS;

<h1 class="text-white">Order your Smart Saber ADAM!</h1>

<div id="maskContainer" class="mask-container">
    <img id="elsa-img" class="mask-smartsaber" height="@imgHeight" src="img/adam/Elsa ADAM ceramicata bianca copy.png" />
    <img id="ring-img" class="mask-smartsaber" height="@imgHeight" src="img/adam/01_06 brass.png" />
</div>

@code {

    private int imgHeight { get; set; }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        imgHeight = await JS.InvokeAsync<int>("helpers.winMaxHeight");
    }

}


è una prova e non so se funziona, ma non sono ancora arrivato a verificare se il ridimensionamento di queste 2 immagini (che sono sovrapposte) avvenga in fase di ridimensionamento del browser.

ma il problema è che nel browser appare questo errore "helpers.winMaxHeight not found"

dove sbaglio?
RispondiQuoting

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.