Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

HTML visas bara om länken finns

1
Skriv svar
Permalänk
Medlem
●

HTML visas bara om länken finns

Så jag har en sida där jag vill ha en text från en annan sida. Men jag vill att den bara ska visa texten om den finns på den andra sidan.

Så jag har länken "https://duckduckgo.com/spread" men jag vill bara att den länken ska visas på min sida om länken finns på "https://duckduckgo.com".

Går detta med HTML eller måste jag gå över till Java eller liknande?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

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)

Visa signatur

Rota3: Ryzen 5600 - 32GB - Radeon RX 7600 - Kingston NV200 2TB - Fractal Design R3 - EVGA Supernova 750W

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

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.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av ehsnils:

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.

Gå till inlägget

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?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Frejoh466:

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?

Gå till inlägget

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.

Senast redigerat
Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara