Rota3: Ryzen 5600 - 32GB - Radeon RX 7600 - Kingston NV200 2TB - Fractal Design R3 - EVGA Supernova 750W
HTML visas bara om länken finns
som jag minns det är det <url="url">visat url namn</url> eller nåt i den stilen
väldigt länge sen jag krångla på med html,
har inte SweC forumet html för att skriva in länkar? (edit nej det var inte det)
Låter litet som om det är <iframe> som är aktuellt, men eventuellt så är det <div id="xyz"> och sedan JavaScript som laddar den information som skall visas och lägger ut det i den div du har deklarerat om det blir ett positivt svar från den HTTP-request du gör från JavaScript.
Låter litet som om det är <iframe> som är aktuellt, men eventuellt så är det <div id="xyz"> och sedan JavaScript som laddar den information som skall visas och lägger ut det i den div du har deklarerat om det blir ett positivt svar från den HTTP-request du gör från JavaScript.
Tror iFrame är rätt väg att gå då jag bara har tillgång till HTML.
Men efter 3 timmar av konstant av att ändringar så har jag fått fram ett som kanske blir bra. Men jag måste klippa av toppen, läste lite att div kanske är vägen att gå. Men får det inte att fungera.
<iframe src="[webbpage]" scrolling="no" style="border: 0px none;
margin-top: -2230px;
margin-left: -60px;
height: 2450px;
width: 850px;">
</iframe>
Har också sätt att "position:absolute;" samt "position:relative;" finns. Borde jag använda en av dom, eller spelar det ingen roll?
Tror iFrame är rätt väg att gå då jag bara har tillgång till HTML.
Men efter 3 timmar av konstant av att ändringar så har jag fått fram ett som kanske blir bra. Men jag måste klippa av toppen, läste lite att div kanske är vägen att gå. Men får det inte att fungera.
<iframe src="[webbpage]" scrolling="no" style="border: 0px none;
margin-top: -2230px;
margin-left: -60px;
height: 2450px;
width: 850px;">
</iframe>
Har också sätt att "position:absolute;" samt "position:relative;" finns. Borde jag använda en av dom, eller spelar det ingen roll?
Jag tror att du skall separera din kod litet så att du håller isär CSS och HTML. Det blir mindre rörigt då.
Se gärna litet här: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_cla...
Här är litet jag snickrade ihop på min server hemma, men som du även ser här i inlägget.
Samma som du har i dit exempel, men mer komplett
Här är även style och HTML-element separerat.
<!DOCTYPE html>
<html>
<head>
<title>Hello Iframe!</title>
<style>
.myiframe
{
border: 1px ridge;
margin-top: 16px;
margin-left: 16px;
height: 800px;
width: 850px;
}
</style>
</head>
<body>
<h1>Heading</h1>
<iframe src="https://www.bedug.com/x4a.html" scrolling="yes" class="myiframe"></iframe>
<p>Footer</p>
</body>
</html>
Med litet javascript utan felhantering
I princip samma som ovanstående i funktionalitet.
<!DOCTYPE html>
<html>
<head>
<title>Hello Iframe!</title>
<style>
.myiframe
{
border: 1px ridge;
margin-top: 16px;
margin-left: 16px;
height: 800px;
width: 850px;
}
</style>
<script>
function loadcontent()
{
var el = document.getElementById("content");
el.src = "https://www.bedug.com/x4a.html";
}
</script>
</head>
<body onload="loadcontent()">
<h1>Heading</h1>
<iframe src="https://www.bedug.com/x3b.html" scrolling="yes" class="myiframe" id="content"></iframe>
<p>Footer</p>
</body>
</html>
Ovanstående har dock den nackdelen att du får standard felmeddelande om data inte kan laddas.
Nedanstående kod sköter detta snyggare:
Javascript med felhantering
<!DOCTYPE html>
<html>
<head>
<title>Hello Iframe!</title>
<style>
.myiframe
{
border: 1px ridge;
margin-top: 16px;
margin-left: 16px;
height: 800px;
width: 850px;
}
</style>
<script>
var xmlHttp = null;
var url = "https://www.bedug.com/x4b.html";
function loadcontent()
{
xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = ProcessRequest;
xmlHttp.open( "GET", url, true );
xmlHttp.send( null );
}
function ProcessRequest()
{
var el = document.getElementById("content");
var ifrDoc = el.contentWindow.document;
if ( xmlHttp.readyState == 4)
{
if ( xmlHttp.status == 200 )
{
ifrDoc.open();
ifrDoc.write(xmlHttp.responseText);
ifrDoc.close();
} else {
ifrDoc.open();
ifrDoc.write("<h2 style=\"background: red;\">Error " + xmlHttp.status + "</h2>");
ifrDoc.write("<p>The resource <b>"+url+"</b> couldn't be loaded!</p>");
ifrDoc.close();
}
}
}
</script>
</head>
<body onload="loadcontent()">
<h1>Heading</h1>
<iframe src="https://www.bedug.com/x3b.html" scrolling="yes" class="myiframe" id="content"></iframe>
<p>Footer</p>
</body>
</html>
I ovanstående får du då möjlighet till felhantering.
Iframe Src
https://www.bedug.com/x2.html
Enkel 'onload' JavaScript
https://www.bedug.com/x3.html
Avancerad 'onload' JavaScript med call-back
https://www.bedug.com/x4.html
Content
https://www.bedug.com/x4a.html
Litet mer läsning
https://www.dyn-web.com/tutorials/iframes/load/
https://stackoverflow.com/questions/1785040/how-to-clear-the-...
https://stackoverflow.com/questions/2781003/how-to-insert-htm...
https://stackoverflow.com/questions/247483/http-get-request-i...
https://www.w3schools.com/jsref/event_onload.asp
Och för VIM-nördar
https://stackoverflow.com/questions/815548/how-do-i-tidy-up-a...
Hoppas att detta kan komma till nytta.
- Igår Intel Core Ultra 9 285K får lägre klockfrekvens än i9‑14900K 32
- 3 / 5 Rykte: Switch 2 grejar högre bildfrekvenser 16
- 2 / 5 Nästa generations Intel-processorer får nya modellnummer 70
- 1 / 5 Del 1: Windows-kommandon du måste kunna 22
- 1 / 5 Switch 2 ryktas få magnetiska Joy-Cons: Så kan det fungera 21
- Fanboy-quiz: Vad kan du om Nintendo?119
- Säkerhetsincidenter ska sänka Microsoft-chefers löner1
- Dum fråga - Max. höjd på CPU-kylare5
- Byta moderkort, byta kylpasta?10
- RTX 40702
- Problem med värme och fläktljud i stationär dator17
- Bahnhofs VD ratar stoppet mot fulstreaming59
- Vad lyssnar du på just nu?13927
- flera fel på bil med felkoder som återkommer1
- Problem med skärm0
- Säljes JRPG-samling (PS4), flera nya/inplastade spel!
- Säljes Custom Loop - i9-9900K / 32 GB / 2 TB / RTX 3080 / Win 11
- Säljes Asus m509D och stationär dator
- Köpes Datorkomponenter till flickvän
- Säljes Sprime PM1
- Säljes Apple Airpods Pro Gen2 (Lightning)
- Säljes Ryzen 5 3600
- Säljes MSI 1070Ti
- Säljes ASUS mATX integrerad CPU + nätagg
- Säljes Google Pixel 7a 128Gb 5G
- Säkerhetsincidenter ska sänka Microsoft-chefers löner1
- Nu går det att mäta internethastigheten direkt i Microsoft Edge9
- Så ska Microsoft säkra upp DNS17
- Bli kortkommandomästare i Windows 11 - Del 212
- Microsoft optimerar Utforskaren och Aktivitetshanteraren18
- Intel Core Ultra 9 285K får lägre klockfrekvens än i9‑14900K32
- Krönika: Operatörer: Sluta med tramslösningar, tack!82
- Valve släpper Proton 9.0 i stabil version32
- Microsoft stör fler Chrome-användare med Bing-reklam47
- Året var 2002 – Nvidia tappar bollen och ATI plockar upp den47
Externa nyheter
Spelnyheter från FZ
- PC-kraven för Hellblade 2 är avslöjade för allmänheten igår
- Kommer Nintendo World Championships till Switch? igår
- Terminator: Survivors kommer ha en välskriven story och gå att spela offline igår
- Bloodstained: Ritual of the Night får eftertraktat samarbetsläge 04/05
- De fysiska delux-versionerna av Baldur’s Gate 3 försenas 04/05