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.

2 Antworten

medmonk

13.02.2018, 07:16

weiß jemand, ob ich auf Jimdo JQuery einbinden kann

Ja, kannst du.

(...) und wenn ja wie?

Menü öffnen
Einstellungen > Website > Head bearbeiten
Nachfolgendes dort eintragen und speichern

<!-- jQuery  -->
<script src=http://code.jquery.com/jquery-3.3.1.min.jss" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

<!-- Scripts -->
<script>
 $(document).ready(function() {
  // jQuery based Script here... 
 });
</script>

Mehr darüber im Jimdo Support Center nachlesen kannst.

https://support.jimdo.com/design/edit-head/

LG medmonk

medmonk

13.02.2018, 07:23

Du musst den Pfad anpassen, damit jQuery korrekt eingebunden wird! Der Editor von GF jedes mal dazwischen funkt.

http://code.jquery.com/jquery-3.3.1.min.js

Den korrekten Pfad unter src eintragen ( src="pfad/zur/jQuery" ).

LG medmonk

perhp

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

13.02.2018, 00:06

JQuery kannst du überall verwenden, wo du willst, wenn du im Code eingreifst. Jede Seite ist im Hintergrund mit den gleichen Hautsprachen aufgebaut (mehr oder weniger).

Ähnliche Fragen

Javascript (JQuery) in PHP einbinden?

Schönen guten Abend liebe Community,

also ich kann mich seit Ostern dieses Jahres als glücklicher Programmieranfänger bezeichnen. So habe ich mit HTML und CSS begonnen und mich dann über Javascript(JQuery) und Python auch mal an PHP getraut, da ich meine Web-Developement 'Skills' auch mal im Back-End erweitern wollte. Jetzt stoße ich aber ziemlich früh an ein Problem, bei dem ich einfach nicht dahinter Blicke. Meine Intention ist es dabei Javascript (vorallen Dingen JQuery) in PHP mit einzubeziehen. Dafür habe ich mithilfe von XAMPP einen lokalen Server gehostet, auf dem auch alles wunderbar funktioniert. Selbst CSS habe ich nach etwas 'Mehrrerei' zum Laufen gebracht. Jetzt scheitert es aber leider an JQuery. Ich habe das bislang wie im Bild erkenntlich so versucht, meine JQuery Datei mit in den Ordner zu ziehen. Diese dann im Head Bereich zu verlinken und ein Javascript-Script zu erstellen. Wenn ich dort nun jedoch JQuery Code hineinschreibe, wird dieser im Browser nicht ausgeführt.

Nun meine Frage....warum funktioniert das Ganze nicht, bzw. was habe ich falsch gemacht?

Danke schon einmal für alle Antworten!

...zur Frage

JavaScript/jQuery! Wie einen Loop einbinden?

Auch hier bin ich absoluter Newby!

Ich habe eine nette kleine Funktion:

--------------------------------------------------------------------------------------------------------------

$({ countNum: $('.code2').html() }).animate({ countNum: 5360 }, {

duration: 10000,

easing: 'linear',

step: function () {

$('.code2').html(Math.floor(this.countNum));

complete: function () {

$('.code2').html(this.countNum + "+");

//alert('finished');

}

});

--------------------------------------------------------------------------------------------------------------

Das funktioniert - alles supi - nun möchte ich, dass die Animation nach einem kleinen Zeitintervall erneut startet. Habe dazu über Google 'setInterval' gefunden und einen Code. Leider fehlt mir noch das Verständnis was ich wo einfügen muss.

Hier der Code von Google:

Edit: Ist der Code vielleicht falsch, javascript vs jquery???

function meineFunktion() { 
    // ... 
} 

setInterval(function() { 
    // alle 3 Sekunden ausführen 
    meineFunktion(); 
}, 3000);

Habe das so in meine Scriptdatei eingebunden:

--------------------------------------------------------------------------------------------------------------

$({ countNum: $('.code').html() }).animate({ countNum: 1295365}, {

duration: 10000,

easing: 'linear',

step: function () {

$('.code').html(Math.floor(this.countNum));

setInterval(function() {

// alle 3 Sekunden ausführen

meineFunktion();

}, 3000);

complete: function () {

$('.code').html(this.countNum + "+");

//alert('finished');

}

--------------------------------------------------------------------------------------------------------------

Ich nehme an mindestestens "meineFunktion()" ist nur ein Platzhalter, aber ich bin nicht sicher, was da vom Code rein soll.

Stört das complete eigentlich die Wiederholung oder zeigt das nur an, was passiert, wenn es fertig hochgezählt hat?

Freue mich wie immer über Antworten! :)

Aber auch über Links z.B. mit einer leicht verständlichen Übersicht der Anatomie eines Jquery Codes, damit ich zukünftig besser allgemeine Beispiele an meine anpassen kann.

Bonusfrage:

Ich würde ganz gerne zu der Zahl noch eine einfache sich drehende Grafik (Kreis, Pfeil oä) hinzufügen. Hat da jemand zufällig nen leicht verständlichen Link oä dazu?

...zur Frage

Hej sieht man bei der Haarfarbe einen Unterschied?

Ich habe mir nämlich die Haare gefärbt (mein frisör köpft mich dafür 😂)

Vorher:

Nachher:

...zur Frage

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!

...zur Frage

Kann man an einen Anruf annehmen wenn das iPhone mit einem Code gesichert ist?

Ich habe gerade in der Bahn ein iPhone gefunden. Wenn mich nachher ein Freund des Besitzers anruft kann ich da dann rangehen oder muss man vorher den Code eingeben?

...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

Gibt es die Möglichkeit einen Vorher-Nachher-Slider in PowerPoint einzubinden?

Liebe Forenmitglieder,

ich würde gerne bei einer Präsentation ein Vorher-Nachher-Bild in einer Folie zeigen. Dabei soll mittels eines Sliders die Ansicht von links nach rechts und umgekehrt verschoben werden können. Gibt es eine Möglichkeit das mit PowerPoint zu realisieren?

...zur Frage

wie kann ich affiliate Links in Website einbinden?

Hallo, Ich erstelle gerade eine Website, wo ich affiliate Marketing betreiben möchte. Ich habe auch schon affiliate Partner, die mir Logos, Banner etc. zur Verfügung stellen. Doch immer wenn ich einen code generiere und den link in meine Webseite einbinden möchte zeigt er das logo nicht an.

Könnte mir da vielleicht Jemand helfen ? :) Ich kenne mich leider auch noch nicht so gut mit den erstellen und verwalten von affiliate marketing links aus und bin deshalb für jeden Ratschlag dankbar.

Die Website wird mit jimdo pro erstellt, vielleicht ist das auch noch eine wichtige Info...

...zur Frage

4k Display oder 120hz für Augen zum arbeiten als Programmierer?

Was ist als Programmierer besser für die Augen:

2 Bildschrime mit 4k Auflösung und 60hz

oder

2 Bildschirme mit jeweils 120hz

°Habt irh evt, sogar andere Empfehlungen?

...zur Frage

Website Templates in Jimdo einfügen?

Hey, ich versuche ein externes Template in Jimdo einzufügen, allerdings zeigt mir Jimdo beim speichern immer wieder dieselbe Fehlermeldung (siehe unten) an.

Ist das so programmiert, dass die keine externen Templates akzeptieren oder gibt's nen einfach Trick das zu umgehen? Beim CSS Code meckert die Seite nämlich nicht..

Ich hab leider nur Grundkenntnisse, wenn es ums Aufbauen einer Website geht.

Ich würde mich mega freuen, wenn jemand eine Antwort hat. Vielen Dank im Voraus! :)

...zur Frage

jQuery: An- und Ausschalter programmieren mit einer Variablen Programmieren?

Ich muss folgende Aufgabe lösen:

"Beim Überfahren des großen Bildes wird die Grafik „bild1.jpg“ gegen die Grafik „bild2.jpg“ ausgetauscht – beim Verlassen des Bildes wird die ursprüngliche Grafik wieder angezeigt.

Dieses Austauschen funktioniert aber nur, wenn zuvor der Ausschalter mit einem Klick „angeschaltet“ wurde – Grafiktausch mit Datei „schalterein.png“. Wird der Schalter wieder ausgeschaltet, dann geht auch die Mouseover-Funktionalität nicht mehr. Wichtig: Arbeiten Sie mit einer Variablen namens schalter."

Bei dem Schalter handelt es sich um ein Image und keinen Button.

Der erste Teil der Aufgabe - der Grafiktausch beim Hovern - ist kein Problem.

Den Schalter bekomme ich aber nicht programmiert. In anderen Aufgaben haben wir immer einen separaten An- und Ausschalter programmiert, bisher nicht beides zusammen und ich komme einfach nicht auf eine Lösung.

Bisher habe ich nur den Anschalter programmiert (kann natürlich falsch sein):

var Schalter=0;

$("img:eq(2)").click(function (){ Schalter=1; $("img:eq(2)").attr("src","schalterein.png"); })

Wenn man wieder auf das Schalter img klickt soll der Schalter=0 werden, das Bild soll sich wieder ändern & somit wäre er ausgeschaltet.

Ob der Schalter auf 0 oder 1 steht dient zur Abfrage um den Hover Effekt/ Grafiktausch zu aktivieren bzw. deaktivieren.

Kann auch sein, dass mein Ansatz total falsch ist. Ich hoffe jemand kann mir hier weiterhelfen.

...zur Frage

Wenn man auf einer Website einen Button integrieren möchte, der die Farbe ändert wenn man mit dem Mauszeiger drüber geht, nutzt man da eher Javascript oder?

jQuery Code dafür? Und der Button soll natürlich wenn man mit der Maus wieder vom Button runtergeht die Ursprungsfarbe annehmen?

...zur Frage

Bilder bei jquery/JavaScript nach bestimmter zeit austauschen?

Erstmal entschuldigung für die komische Überschrift, ich schmeiße manchmal die beiden gerne durcheinander.

Ich hab auf meiner Seite einen Timer (fürs Beispiel 30s), der mit einem Button gestartet werden. Am Anfang soll Bild1 stehen. Nachdem der Timer bei der Hälfte der Zeit angekommen ist (hier 15s) soll Bild2 dort erscheinen wo Bild1 vorher war. Ist der Timer bei 0 angekommen, wird man auf eine andere Seite weitergeleitet.

Wie mache ich das am besten?

Hier mein bisheriger Code

$(document).ready(function (e) {

var $timer = $("#timer");

var stop = false;

var timerLoop;

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

timerLoop = setInterval(function(){ update() }, 1000);

});

function update() {

if(!stop){

var myTime = $timer.html();

var ss = myTime.split(":");

var dt = new Date();

dt.setHours(0);

dt.setMinutes(ss[0]);

dt.setSeconds(ss[1]);

var dt2 = new Date(dt.valueOf() - 1000);

var temp = dt2.toTimeString().split(" ");

var ts = temp[0].split(":");

if(ss[0] === "00" && ss[1] === "01"){

stop = true;

clearInterval(timerLoop);

$("body").load( "./erfolgreich.html" );

}

$timer.html(ts[1]+":"+ts[2]);

//setTimeout(update, 1000);

}

});

...zur Frage

Checkboxen die Pflicht sein soll?

man soll umbedigt eines der Checkboxen auswählen, Bei Bedarf oder Regelmäßig oder Nein.

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Bei_Bedarf)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Bei_Bedarf" value="Ja">{/if} {language key="elf_Frage_11_Bei_Bedarf"}{if !$pdf}</label>{/if}</div>       

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Regelmaessig)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Regelmaessig" value="Ja">{/if} {language key="elf_Frage_11_Regelmaeßig"}{if !$pdf}</label>{/if}</div>

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Nein)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Nein" value="Ja">{/if} {language key="elf_Frage_11_Nein"}{if !$pdf}</label>{/if}</div>

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen