Was ist an der unten stehenden Funktion falsch (jQuery UI)?

3 Antworten

können wir so nichts zu sgen , den es fehlt bestimmt die einbindung des resizable css style .

gibts irgendwo in der custom css datei


.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}



so sieht das dann aus

Klappt denn das?

<div id="rot" class="ui-widget-content">  <h3 class="ui-widget-header">Resizable</h3></div>

Leider nicht...

Den gesamten Code kann ich hier auch nicht einfügen....

0
@Carla62411

hasst du den jquery-ui und die zugehörige CSS eingebunden ?

0

raspberry pi jquery

Ich hab auf meinem raspi einen apache server und wollte mal fragen wie ich meinen jQuery script in html ausfüren kann -> es funktioniert nicht

html: Button Magic

Click Me!

css: div { height: 60px; width: 100px; border-radius: 5px; background-color: #69D2E7; text-align: center; color: #FFFFFF; font-family: Verdana, Arial, Sans-Serif; opacity: 0.5; }

jQuery $(document).ready(function() { $('div').click(function() { $('div').hide(1000).slideDown(1000); }); });

Kann mir jemand helfen?

...zur Frage

Wie kann ich das Bild beim Überfahren mit der Maus ändern?

Hallo liebe Leute,

ich mache momentan ein Praktikum und habe eine Aufgabe bekommen, zu der ich zwar viel gegoogelt, aber leider keine Lösung hinbekommen habe.

Vielleicht könnt ihr mir dabei helfen?

Die Aufgabe lautet:

Beim Überfahren des Frosches mit dem Mauszeiger springt der Frosch auf den Boden. Wenn man auf das Podest klickt, dann sitzt er wieder oben auf seinem Podest.

Der HTML-Code:

<form>
  <div>
    <input id="podest" type="button" value="zurück"/>
  </div>
  <div id="frosch">
    <img alt="" border="0" height="136" src="frosch.png" width="150"/>
  </div>
</form>

Der CSS-Code:

body {
  background-color: white;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 15pt;
  color: green;
}

#frosch {
  position: absolute;
  bottom: 330px;
  left: 200px;
}

#podest {
  position: absolute;
  bottom: 0px;
  left: 200px;
  height: 350px;
  width: 150px;
  background-color: orange;
  color: white;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 20pt;
}

Das soll also mit JavaScript gemacht werden.

Vielen Dank im Voraus!

MfG

...zur Frage

Webstorm?Javascript und jquery führt nicht aus?

Hallo, ich sitze seit 5 Stunden an meiner Webseite und verzweifle. Ich habe eine HTML Datei und JavaScript Datei. node und jquery sind ebenfalls runtergeladen.

Html Datei :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Farbauswahl</title>
    <https://code.jquery.com/jquery-3.3.1.min.js.com/jquery-3.3.1.min.js"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
            crossorigin="anonymous"></script>
    <script src="Farbauswahl1.js"></script>
    <script src="Farbauswahl3.js"></script>

</head> <body style="font-size: 22pt"> <input type="button" id="b1" value="Rot"> <input type="button" id="b2" value="Grün"> <input type="button" id="b3" value="Blau"> <div id="div"> Das ändert die Farbe. </div> </body> <body>

</body> </html

Javascript Datei:

$(function () {
    let div: JQuery = $("#div");
}

$("input").on("click", function () { let inhalt: string = $(this).val() as string; div.text(text_function; "Es wurde auf den Button " + Inhalt + " geklickt") });

$(function () { let div: JQuery = $("#div");

$("#b1").on("click",function() {
    div.css("background", "rgb(255, 0, 0)");
    div.css("color", "rgb(0, 255, 255)");
});

$("#b2").on("click", function () {
    div.css("background", "rgb(0, 255, 0)");
    div.css("color", "rgb(255, 0, 255)");
});

$("#b3").on("click", function () {
    div.css("background", "rgb(0, 0, 255)");
    div.css("color", "rgb(255, 255, 0)");
});

});

und noch eine js Datei

$(function ()
{ let div: JQuery = $("#div");
    $("#b1").on("click",function() {
        div.css("background", "rgb(255, 0, 0)");
        div.css("color", "rgb(0, 255, 255)");
    });
$("#b2").on("click", function () {
    div.css("background", "rgb(0, 255, 0)");
    div.css("color", "rgb(255, 0, 255)");
});

$("#b3").on("click", function () {
    div.css("background", "rgb(0, 0, 255)");
    div.css("color", "rgb(255, 255, 0)");
});

});

ich verstehe ehrlich gesagt auch nicht wieso zwei js Dateien, aber wir haben es so vorgegeben bekommen. Wenn ich auf run klicke bekome ich so viele Fehlermeldungen und auf Internet Explorer tut sich nichts.

...zur Frage

Aus Div-Container Inhalt per JavaScript auslesen?

Hallöchen,

Ich hab einen Link, wenn ich da drauf klicke möchte ich dass dem div ein String hinzugefügt wird. Der Link wird folgender Masen erzeugt:

<a href="javascript:aktion()">Link</a>

weiter oben steht dann das javascript:

 function aktion() { document.getElementById('abl').innerHTML = document.getElementById('abl').innerHTML + "\n" + "hinzugefügt";}

 der Div sieht so aus:

 <div id="abl" style="background-color: #E6E6E6; position:absolute; top: 200px; right: 100px; height: 300px; width: 200px;">

Plan

</div>

wenn ich jetzt auf den Link klicke, steht in dem Div: undefined hinzugefügt

Woran liegt das?

LG Checker0408

...zur Frage

jquery javascript animierter hintergrund

hi, ich hab hier diesen Code gefunden (inkl. Beispiel):

http://jquerydemo.com/jquery/animate-background-image.aspx

der Banner ist animiert und das Bild wird sozusagen von oben nach unten ab-gescrollt. Wobei die Animation immer wieder von vorne anfängt sobald das ende des Bildes erreicht ist.

Hat jemand ne Idee wie man das lösen könnte dass das Bild immer hin und her scrollt? also sobald das untere Ende erreicht ist scrollt es wieder nach oben, und umgekehrt.

...zur Frage

Was möchtest Du wissen?