Jimdo script im body Bereicht einfügen?

Hallo Zusammen

Ich versuche schon seit einiger Zeit bei meiner Jimdo-Seite eine lightbox einzubinden. Leider funzt das nicht so recht. Speziell der Code-Schnipsel, wird von jimdo im "body"-Bereich nicht angenommen (ich habe versucht den Code im html-bereich eines Textes einzufügen). Ich nehme an man kann keine scripts direkt in den body bereich einbinden.

Gibt es da eine andere Möglichkeit diesen Schnipsel irgendwie "umzuschreiben"?Oder habt ihr einen besseren Code um eine lightbox einzufügen?

Ich kenne mich nur sehr begrenzt mit der ganzen Materie aus.

Folgende Textstellen wurden dementsprechend mit einem Link versehen:

<a id="out" href="#" name="out"><img src="//cdn0.iconfinder.com/data/icons/slim-square-icons-basics/100/basics-22-128.png" alt="" width="30" height="30" /></a></div>



jQuery:
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript">
        </script>

Natürlich mit https: (wird hier als Spam markiert)

Ich bedanke mich jetzt schon für eure Hilfe!

Code-Schnipsel - (programmieren, HTML, Homepage)

Code Gesamt - (programmieren, HTML, Homepage)

1 Antwort

photographon

26.12.2015, 18:29

Hallo,

die Lösung Deines Problems könnte an folgender Problematik liegen.

Du trennst das script nicht vom aufzurufenden Modul. Also: script in den Headbereich einfügen und code zur aufzurufenden lightbox in ein HTML-Widget Element.

Nochmal detailliert:

Das Script, also alles ab jquery, fügst Du im Headbereich (Einstellungen -> Head bearbeiten) ein. Den restlichen code fügst Du in ein HTML-Widget Element ein, wo die lightbox aufgerufen werden soll.

Ich hoffe, es klappt jetzt?

Bei Problemen gern kommentieren!

lightup

Fragesteller

01.01.2016, 23:16

Hat alles geklappt. Vielen Dank!

Ähnliche Fragen

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?

...zur Frage

jQuery lädt nicht?

Hallo,

ich brauche Hilfe bei diesem Code:

Index:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dokument</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
      $(function () {
        $("#nav").load("nav.html");
      });
    </script>
    <link rel="stylesheet" href="style.css"><link>
  </head>
  <body>
    <div id="nav"></div>
  </body>
</html>

geladene Datei:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dokument</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
      $(function () {
        $("#nav").load("nav.html");
      });
    </script>
    <link rel="stylesheet" href="style.css"><link>
  </head>
  <body>
    <div id="nav"></div>
  </body>
</html>

Das Problem ist, dass wenn ich die Index mit einem Live Server starte dann kann ich auch die geladene Navigation sehen, aber wenn ich sie normal öffne (Doppelklick auf die Datei (Chrome)) dann geht es nicht.

Danke im voraus

...zur Frage

Header Code in jimdo bearbeiten?

Hallo 🙋‍♀️,

ich kann eigentlich gar nicht wirklich coden und habe mir deshalb zum erstellen einer webseite jimdo zur hilfe geholt.

meine Webseite ist jetzt fertig aber sie ist noch nicht in google integriert und seo funktioniert auch nicht.

ich hab mich da mal eingelesen und man muss um die seite zu integrieren sich bei google search console mit der domain anmelden und entweder eine bestimmte Datei von google auf die webseite hochladen oder einen code in den header einfügen.

ersteres ging nicht da ich bej jimdo keine pro version hab und da die seite nur für ein privates projekt ist möchte ich kein geld ausgeben.

jetzt die frage:

braucht man da ein prorammier programm zb notepad++ oder so und wenn ja wie schafft man es das ich von meiner jimdo seite den header bearbeiten kann um den code von google fürs tracking einzufügen. Ich bin da total lost gerade

im internet steht auch nur das ich mich bei jimdo anmelden soll und bei Einstellungen auf header bearbeiten gehen soll aber ich kann da nichts einstellen. Da kann man nur die sprache verändern.(siehe oben bild)

vielleicht braucht man auch die pro version oder ich stell mich komplett dumm an aber ich kenn mich da leider gar nicht aus

bitte um hilfe!!😅

...zur Frage

Hallo, habe Jimdo Homepage Baukastensystem. ein unterverzeichniss soll auf andere Webseite (URL) umgeleitet werden?

Jimdo bietet es für 180€ im Business-Paket an (habe Pro-Packet) wie kann ich aus mein Verzeichnis einen Bereich auslagern? z. B. URL reiner.de/Verzeichnis: 1 über mich 2 mediation ---> URL medi.de 3 ... Ich habe keine Kenntnisse in der Web Programmierung :-( könnt Ihr helfen? Im Jimdo bietet an "Head bearbeiten z.B. JavaScript, CSS und HTML in den Head Bereich einfügen"

Mein Jamdo Code ist:

...zur Frage

Javascript auslagern (HTML)?

Hallo,

wenn ich mit <script> einen Javascriptcode in HTML schreibe, geht alles, wenn ich das Script auslagere also in eine .js Datei schreibe und genau den gleichen Text wie im HTML Code dort einfüge, ohne das <script> </script>, dann geht es irgendwie nicht. Ich habe die Datei im Head so verlinkt <script src="js/button.js"></script>

Wieso geht es dann nicht mehr?

...zur Frage

Wie kann ich Useraccounts auf einer Jimdo Website einbinden?

Hallo Leute,

ich arbeite derzeit wieder an zwei Websites (über Jimdo). Hier möchte ich Useraccounts einrichten, das heißt für mich, dass bestimmte Leute einen jeweils individuellen Benutzernamen und ein Passwort bekommen, mit welchem sie sich auf der Website anmelden können, um ja nach Account bestimmte, unangemeldet versteckte, Seiten aufrufen zu können. Ich benötige eine Lösung im großen Stil, die für bis zu 2000 Benutzer ausgelegt ist. Außerdem wäre es gut wenn dies einfach über einen HTML-Code einzufügen ist, und ma nicht vorher weitere Programme installieren muss.

Ich danke euch für eure Antworten/Erfahrungen bereits vielmals im Voraus!

Liebe Grüße,

conbuilder

...zur Frage

JQuery in Jimdoseite einbinden?

Hallo,

weiß jemand, ob ich auf Jimdo JQuery einbinden kann und wenn ja wie?

Ich möchte nämlich einen Vorher/Nachher Slider auf eine Jimdoseite einbinden und der Code beinhaltet JQuery.

...zur Frage

jQuery Eingabe unten einfügen?

Ich soll einen Code schreiben, der die Eingabe nach dem drücken des Buttons unten auflistet (wie im Bild gezeigt). Kann mir jemand sagen was ich falsch gemacht habe?

Hier mein Code:

<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Praktikum Webanwendungen 1</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    </head>
    <style>
        h1{
            font-size: 50px;
        }


        div{
            float: left;
            margin: 10px;
        }


        .aufgabe{
            font-weight: bold;
            font-size: larger;
        }
       
        .liste{
            border: solid black;
        }
    </style>
    <body>
        <h1>Todo Liste</h1>
        <div class="aufgabe">Aufgabe:</div>
        <div class="eingabe"> <input type="text"> </div>
        <div class="erstellen"> <input type="submit" value="Erstellen"> </div>
        <br><br>
        <p class="liste"></p>
    </body>
    <script>
        $(document).ready(function(){
            $(".erstellen").click(function(){
                $("input").appendTo(".liste");
            });
        });
    </script>
  </body>
</html>

...zur Frage

JavaScript / jQuery - Warum funktioniert das nicht?

Hallo,

ich möchte hier Absatz 2-5 eine Klasse ('abschnitt') geben und deren Text ändern zu 'neuer jQuery Text'.

Wieso funktioniert das hier nicht?

<!DOCTYPE html>
<html lang="en">
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script>
    'use strict';

    document.onload = function() {
      for (var i = 1; i < document.querySelectorAll('p').length; i++) {
        document.querySelectorAll('p')[i].classList.add('abschnitt');
        $('.abschnitt').text('neuer jQuerytext');
      }
    }
  </script>
  <script></script>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <br>
  <h1> Überschrift </h1>
  <h2 id="ü2"> Überschrift h2 </h2>
  <p id="p1"> Absatz 1 </p>
  <p id="p2"> Absatz 2</p>
  <p> Absatz 2</p>
  <p> Absatz 3</p>
  <p> Absatz 4</p>
  <p> Absatz 5</p>
</body>
</html>

...zur Frage

Undisabled eines Buttons durch JavaScript?

Hallo,

ich möchte mit Hilfe von JavaScript einen Button, der vorher disabled war, wieder aktiviert, sodass er undisabled ist. Die funktioniert leider nicht und ich habe kein Ahnung an was es liegen könnte.

Mein HTML Code:

<body>

</body>

}

Mein Javascript Code:

let button = document.getElementbyid('button' );

function Test() {

button.disabled = false;

}

Weiß jemand an was es liegen könnte?

...zur Frage

Javascript verlinken funtioniert nicht?

Hallo,

Ich habe das seltsame Problem, dass ich eine Javascript Datei nicht verlinken kann. Bzw. dass der Inhalt auf der Javascript Datei nicht ausgeführt wird.

So habe ich die Datei im <head> Tag verlinkt:

Der Inhalt auf der Javascript Datei ist folgender:

"use strict"

$("#akzeptieren").click(function() {

$(".cookie").hide();

})

Wenn ich den Javascript Code allerdings in der selben HTML Datei ausführe mit

$("#akzeptieren").click(function() {

$(".cookie").hide();

})

</script>

funktioniert er.

Woran kann das liegen? Ich habe schließlich weitere Javascript Dateien verlinkt die alle funktionieren. Auch habe ich die JQuery Datei im <head> Tag verlinkt. Ich benutze den aktuellen Chrome Browser. Mit Firefox habe ich es auch schon probiert. Dort geht es auch nicht.

Als Editior verwende ich Visual-Studio-Code.

Ich bin gerade ziemlich verwirrt. Habe ich irgendwo einen Fehler gemacht?

...zur Frage

Bild in html einfügen geht nicht, warum?

Hallo ich versuche in meinen html Code ein Bild einzufügen jedoch wird beim ausführen nur ein Symbol für ein Bild angezeigt.

Vielleicht kann mir ja jemand helfen.

Code: <img src="kiste.jpg">

Dateiname:kiste.jpg

...zur Frage

HTML / JavaScript: Wie kann ich nur eine Checkbox gleichzeitig auswählen lassen?

Ich würde es gern irgendwie so machen, dass man bei einer Checkbox nur eine gleichzeitig auswählen kann. Ich habe das bereits mit:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
    $('.containerb').click(function() {
      $('.containerb').not(this).prop('checked', false);
    });
  });
</script>

probiert, aber das klappt nicht.

Hat jemand noch eine andere Idee?

...zur Frage

pixelmatch in browser nutzen?

Wenn ich den link auf der github seite verwende:

Code:

<script src="https://bundle.run/pixelmatch"></script>

wird keine datei gefunden, der pfad existiert nicht

wenn ich das letzte release runterlade und einbinde

Code:

<script src="myserver/js/pixelmatch/bin/pixelmatch"></script>

erhalte ich folgende fehlermedlung

Code:

const PNG = require('pngjs').PNG;
ReferenceError: require is not defined

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen