Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno Javascript - Jak opětovně načíst pouze element?

Dobrý den,

Na webu (ve WordPressu) jsem pomocí pluginu nastavil hlavičku připnutou nahoře. Problém je, že to způsobí statickou šířku. A když změním šířku okna prohlížeče, hlavička se nezmění.

Avšak, stačí pouze web opětovně načíst a už se hlavička zobrazí správně.

Teoreticky by tohle šlo opravit, kdyby to opětovně načetl automaticky.

jQuery(window).resize(function() {
    location.reload();		
});

Kód výše sice funguje, jenže nejen, že dochází k nemalému zpoždění (více než sekunda), ale stránka na seberychlejším internetu "problikne".

Snad by pomohlo pouze opětovně načíst element, ale nevím, jak to přesně napsat.

Prosím o radu,

Děkuji

Předmět Autor Datum
Ťažko radiť, neviem o akú hlavičku ide ani ako je pripnutá... normálne kvalitne spracovaný web použi…
Ale 07.10.2022 22:47
Ale
Ahoj, jestliže potřebuješ načíst jen element, je v dnešní době nešikovné načítat celou stránku. JQ…
Flash_Gordon 08.10.2022 08:58
Flash_Gordon
Nakonec jsem to vyřešil připnutím hlavičky pomocí CSS. header#masthead { position: sticky; top: 0;… poslední
MichalDM 15.10.2022 23:52
MichalDM

Ťažko radiť, neviem o akú hlavičku ide ani ako je pripnutá... normálne kvalitne spracovaný web použije flexbox, ktorý sa prispôsobí akejkoľvek šírke automaticky. Aby som kvôli niečomu takému používal javascript, nedáva zmysel... a aby som v roku 2022 používal jQuery, tak to už by som radšej programoval weby pomocou framesetov.

Čo ma napadá je zistiť si classu elementu, ktorý obsahuje danú hlavičku, a injectnúť CSS, ktoré porieši aby sa hlavička prispôsobovala šírke.

Ahoj,

jestliže potřebuješ načíst jen element, je v dnešní době nešikovné načítat celou stránku.

JQuery tam už máš, takže stačí funkce, něco jako:


function NactiDataProElement(){

var response = '';
        $.ajax({ type: "GET",
                 url: "mojeStranka.php",
                 async: false,
                 success : function(text)
                 {
                     response = text;
                 }
        });

    alert("Obdržený text: \r\n" + response);
}

A to, co ti vypisuje "alert" hodíš jen do elementu.
Snad je to dostatečně srozumitelné. ;-)

Zpět do poradny Odpovědět na původní otázku Nahoru