Nur einzelne Frame neu laden in html?

Ich würde gerne den Body Frame unabhängig von der Side bar und Header frame neu laden ich meine damit wen man auf einen Link klickt das sich nur der Inhalt verändert von Body und nicht das die ganz Seite geladen wird.

1 Antwort

Ceeesy759

02.05.2020, 11:58

Tipp: Websiten mit Frames komplett sein lassen. Das ist meiner Ansicht nach heutzutage eine veraltete und unprofessionelle Art, eine Website aufzubauen. Stattdessen lieber ein grid-system nutzen, z.B. https://getbootstrap.com/docs/4.1/layout/grid/

Ansonsten baust Du einfach einen Link, welcher die "neuzuladende Seite" einfach nochmals aufruft.

<a href="zielseite.html" target="nameDeinesFrames">nameDeinesFrames neu laden</a>

Ähnliche Beiträge

HTML/JS Icon Link lädt zu lange?

Hey,

ich lade meine Icons über diesen Link:

<script src="https://kit.fontawesome.com/03a9efeaa3.js" crossorigin="anonymous"></script>

Dieser Link ist im head. Mein anderer script-Tag ist im body und lautet so:

<script type="module" src="./JS/main.js"></script>

Nun habe ich das Problem, dass wenn ich meine Seite neu lade, es lange lädt und dann abstürzt.

Die Konsolenausgabe sieht so aus:

Was kann ich tun?

...zum Beitrag

Wie kann man bei Mailchimp einen Banner (eine Bilddatei) breiter als die Darstellung des Body machen?

Wir arbeiten am Design unseres Newsletter, der per Mailchimp erstellt wird. Wunsch ist, dass der Banner im Header breiter ist als der Inhalt des Bodys!

Wie stellt man das an (evtl. über eigenes HTML Design)? Geht das überhaupt?

Vielen Dank!

...zum Beitrag

HTML-Seite mit Frames: Link in Frame öffnen

Liebe Community, Ich verzweifle gerade an meinem Informatik-Abschlussprojekt! Wir sollen eine Website mit Framestruktur erstellen.

Nun gibt es links ein Menü mit verschiedenen Punkten, die jeweils zu einer neuen .html-Datei führen. Wird einer dieser Punkte angeklickt, öffnet sich die Seite in einem neuen Tab und nicht im mittleren Frame (hellblau)!

Was kann ich tun, damit im hellblauen Bereich die Seite geladen wird?

Ich hoffe auf hilfreiche Antworten und danke im Voraus.

...zum Beitrag

Welcher Bikini ist schöner?

Ich mache Urlaub am Meer.

https://www.zalando.at/cotton-on-body-scoop-crop-strap-thong-bikini-set-bikini-black-c1r81l036-q11.html

https://www.zalando.at/cotton-on-body-fixed-bikini-top-cutout-high-side-bikini-bottom-set-bikini-black-c1r81l02b-q11.html

...zum Beitrag

Ladebalken auf einer homepage erstellen!

Vorerst möchte ich sagen, dass ich bislang nur sehr viel mit html und css gemacht habe! Erst vor kurzem (ca. 1 Monat) kam php dazu!

Nun habe ich auf meiner Seite erst einmal ein Grundgerüst erstellt: body, wrapper (der den Inhalt beinhält und zentriert), header, menü und den footer!

Unabhängig vom Grundgerüst werden nun die Seiten aufgerufen, also Startseite, Seite 2, Seite 3, Impressum etc., das Grundgerüst bleibt immer gleich und muss nicht nue geladen werden! Diese verschiedenen Seiten habe ich mit php eingebunden! Dazu genaueres findet ihr in einem Tutorial, aus welchem ich dieses wissen auch bezogen habe: http://www.youtube.com/watch?v=pLpTmDv18AI&feature=c4-overview&list=UU4iSMp_NB8fMw9bHi7D_Hiw

Die PHP-Datei, die nun meine Startseite, Seite 2, Seite 3 etc. einbindet möchte ich nun einen Ladebalken zu weisen. Das heißt klickt jemand auf eine Seite, bleibt das Grundgerüst bestehen, nur der Inhalt (bzw. die eingebundene PHP-Datei) wird neu geladen, was mit einem Ladebalken veranschaulicht werden soll!

^Und wie dies geht ist nun meine Frage^ Ich freue mich schon im Voraus auf Antworten. Meine Seite ist soweit auch schon hochgeladen: filmchronik.bplaced.net , dort sieht man zwar nicht den php-code doch ist dies vielleicht trotzdem eine Hilfe! :D
Danke

...zum Beitrag

CSS > Zoomen deaktivieren?

Hey. Bei Browsern gibt es ja die Möglichkeit zu zoomen.

Und seit paar Jahren sind die Browser sogar so schlau und zommen die Hintergrundbilder und normale Bilder mit. (Also nicht wie anfangs nur den Text).

Kann man dieses Verhalten per CSS deaktivieren? Hab nen großen Background im Body der bei Browser-Zoomen nicht mit gezoomt werden soll, sondern nur der Inhalt..

Ist das möglich?

(Restliche Inhalte sind in Wrapper als Header, Menü und Content zusammengefasst)

...zum Beitrag

Font-Awesome Icons werden nicht geladen?

Guten Abend

Meine Icons von FontAwesome laden nicht.

Ich setzt die Icons mit einem <i> ein aber sie werden nicht angezeigt.

<i class="fa fa-file-zip-o"></i>

(Muss ich noch etwas in den Head einfügen - einen Link oder so?)

MFG

...zum Beitrag

Wie kann man in einem HTML Template einen Seitenumbruch erzwingen?

Ich bearbeite zurzeit ein HTML Drucktemplate welches aus header body und footer besteht. Nun habe ich einen Ersetzer im Body eingefügt, welcher einen Datensatz automatisch einspielt. Problem ist nun, dass wenn der Datensatz zu groß ist, die Schrift des bodys über der des footers steht, quasi überschrieben. Ich suche nun nach einer Funktion, die den body, sobald er den footer "berührt", auf die nächste Seite schiebt, allerdings nicht komplett, sondern nur der teil, der den footer "überschreiben" würde. Habe es schon mit der page break funktion versucht, leider erfolglos. Falls dies die richtige Funktion ist, bitte ich um eine genauere Erklärung, falls nicht, bitte sonstige Lösungsvorschläge. :)

Vielen Dank im Vorraus!!

...zum Beitrag

Per Buttonklick Inhalt ändern HTML/JAVASCRIPT?

Will, dass man zwischen 2 Inhalten über ein Buttonklick wechseln kann und habe recherchiert und rausgefunden, dass es mit funktion() geht, aber wie kann ich komplette div containers umändern? Kann man dann im Header den ganzen Code reinschreiben, oder muss man das extern auf einer anderen Seite machen? Oder geht es auch anders?

...zum Beitrag

ReactJs wie kann ich einzelne html Seiten erstellen die uber React laufen?

Ich probiere zur Zeit ein ReactJs Tutorial und frage mich gerade wie man es hinbekommt mit dem Aufruf von verschiedenen Urls verschiedene html Seiten zu laden wo dann auch so wie jetzt in der index.html die Seite mit React Componenten aufgebaut wird.

Zur Zeit wird immer die index.html geladen wenn man nach localhost plus port im Browser surft und diese index.html ist ja mit React Componenten aufgebaut, ich will jetzt aber beispielweise fuer alle verschiedenen Funktionen von React eine eigene Beispielseite bauen, z.b. ich erstelle zwei html Seiten mit Namen "functinalcomponent.html" und "classcomponent.html" dann will ich ein Link zu diesen beiden Seiten platzieren und wenn man den link klickt soll anstelle von index.html die jeweilige HTML Seite geladen werden mit React Compnenten die nur speziell fuer diese HTML Seite erstellt sind, wie macht man das oder geht das nicht?

Soweit ich das bis jetyt verstanden habe wird die index.html mit der app.js Datei gerendert und den Inhalt der index.html baut man in der app.js Datei mit Componenten auf, logisch betrachtet wuerde ich dann jetzt gerne fuer alle anderen HTML Seiten eine eigene app.js Datei erstellen damit die dann auch mit den zugehorigen React Componenten aufgebaut wird.

...zum Beitrag

HTML Navigation Bar Text Farbe ändern?

hey leude

Ich habe meine eigene Website gemacht, jetzt hab ich ein Problem ich möchte die Navigation bar den text dort in schwarz färben... habe schon bei css im header, nav, nav li probiert

CSS

.social-icons {
  text-align: center;
  }  
.social-icons li {
  display:inline-block;
  list-style-type:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  }
.social-icons li a {
  border-bottom: none;
  }
.social-icons li img {
  width:70px;
  height:70px;
  margin-right: 20px;
}

#wrapper {
    width: 960px;
    margin: center;
    font-family: arial, sans-serif
}
    
}

body {
    background-color: #8db6cd;
    
}

header {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 125px;
    text-align: center;
    text-color: black;
}

nav {
    text-align: center;
     text-color: black;
    
}

nav li {
    display: inline;
    margin-right: 40px;
    text-color: black;
}

a {
    color: #777;
    text-decoration: none;
    font-family: arial, sans-serif
}



section {
    width: 620px;
    height: 530px;
    float: left;
    background: lightgray;
    border: 1px solid #000000;
}


aside {
    width: 310px;
    height: 550px;
    float: right;
    background: darkorange;
    border: 1px solid #000000;
}

...zum Beitrag

Was tun damit "mailto" auf dem Handy funktioniert?

Auf dem PC funktioniert diese Zeile JavaScript innerhalb eine öffentliche WebSeite (html)

let myPl = "blabla";
window.location.href = "mailto:MaxMuster1@web.de?bcc=MaxMuster2@freenet.de;&subject=BlaBla&body=" + "Hallo MaxMuuster,%0D%0A=== Info Start ===" + "%0D%0A" + myPl + "=== Info Stop ===";

Auf dem Handy wird ebenfalls ein assoziertes eMail Programm geöffnet und die Empfänger und Subject eingetragen.
Der body Inhalt fehlt aber.

Was gilt es zu tun, damit auch der body im Handy angezeigt wird?

...zum Beitrag

Textarea HTML mit Zeilenumbrüchen?

Hey,

wenn ich eine txt Datei mithilfe einer xmlhttprequest mit javascript auslese und dann den Inhalt in ein textarea lade hat der Inhalt keine Zeilenumbrüche mehr. Weiß jemand wie man das fixt. (Hab gelesen das iwie die Zeilenumbrüche anders in txt als in html sind).

Danke im voraus!

...zum Beitrag

notepad ++ HTML-Grundgerüst

Gibt es bei Notepad++ die Möglichkeit, dass man bei starten gefragt wird, welche Dateiart man erstellen will (z.B. XHTML, HTML ...) und anschließend das Grundgerüst erstellt wird mit head und body und so weiter. Gibt es schließlich auch in anderen Editoren. vieleicht habe ich auch einfach die Einstellungsmöglichkeit übersehen oder man kann es nachrüsten.

Vieleicht kann mir da jemand helfen. Ich hoffe, dass man versteht was ich meine.

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen