Hallo
folgendes Problemchen: der Code funktioniert im Internet Explorer, jedoch nicht in Chrome.
Weiß jemand, wie man ihn auch unter Chrome zum Laufen bringt??
<html>
<head>
<style>
body {
height: 2000px;
width: 2000px;
}
</style>
<script>
function Los() {
var html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;
}
</script>
</head>
<body>
<input type="button" value="KLICK" onclick="Los();"/><br><br>
</body>
</html>
Hey danke basti1012. das reicht mir schon!!
anstelle des Smileys steht dort "||"
Hallo Leute,
ich probiere gerade aus, dass Bsp. von w3schools zu erweitern.
ich möchte, dass alles mittig steht (auch das image) und es dann mit einem Button-Klick erscheinen lassen und gleichzeitig die Bildschirmlupe aktivieren.
Es klappt FAST alles. Alles ist zentriert, das Bild und die Lupe kommen erst nach dem Button-Klick.
ABER: die Lupe funktioniert nicht mehr richtig. Ich kann es schlecht erklären, irgendwie ist die Lupenfunktion "linkslastig".
Liegt es etwa daran, dass ich im Body zweimal <div ...> zu stehen habe: einmal mit align = "center" und einmal mit der Lupenklasse??
Ist alles linksbündig funktioniert es super.
Schonmal danke an alle, die sich durch den extrem langen Code quälen!
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {box-sizing: border-box;}
.img-magnifier-container {
position:relative;
}
.img-magnifier-glass {
position: absolute;
border: none;
cursor: none;
/*Set the size of the magnifier glass:*/
width: 100px;
height: 100px;
}
</style>
<script>
function magnify(imgID, zoom) {
var img, glass, w, h, bw;
img = document.getElementById(imgID);
/*create magnifier glass:*/
glass = document.createElement("DIV");
glass.setAttribute("class", "img-magnifier-glass");
/*insert magnifier glass:*/
img.parentElement.insertBefore(glass, img);
/*set background properties for the magnifier glass:*/
glass.style.backgroundImage = "url('" + img.src + "')";
glass.style.backgroundRepeat = "no-repeat";
glass.style.backgroundSize = (img.width * zoom) + "px " + (img.height * zoom) + "px";
bw = 3;
w = glass.offsetWidth / 2;
h = glass.offsetHeight / 2;
/*execute a function when someone moves the magnifier glass over the image:*/
glass.addEventListener("mousemove", moveMagnifier);
img.addEventListener("mousemove", moveMagnifier);
/*and also for touch screens:*/
glass.addEventListener("touchmove", moveMagnifier);
img.addEventListener("touchmove", moveMagnifier);
function moveMagnifier(e) {
var pos, x, y;
/*prevent any other actions that may occur when moving over the image*/
e.preventDefault();
/*get the cursor's x and y positions:*/
pos = getCursorPos(e);
x = pos.x;
y = pos.y;
/*prevent the magnifier glass from being positioned outside the image:*/
if (x > img.width - (w / zoom)) {x = img.width - (w / zoom);}
if (x < w / zoom) {x = w / zoom;}
if (y > img.height - (h / zoom)) {y = img.height - (h / zoom);}
if (y < h / zoom) {y = h / zoom;}
/*set the position of the magnifier glass:*/
glass.style.left = (x - w) + "px";
glass.style.top = (y - h) + "px";
/*display what the magnifier glass "sees":*/
glass.style.backgroundPosition = "-" + ((x * zoom) - w + bw) + "px -" + ((y * zoom) - h + bw) + "px";
}
function getCursorPos(e) {
var a, x = 0, y = 0;
e = e 
window.event;
/*get the x and y positions of the image:*/
a = img.getBoundingClientRect();
/*calculate the cursor's x and y coordinates, relative to the image:*/
x = e.pageX - a.left;
y = e.pageY - a.top;
/*consider any page scrolling:*/
x = x - window.pageXOffset;
y = y - window.pageYOffset;
return {x : x, y : y};
}
}
function Testfunktion() {
document.getElementById("myimage").style.visibility = "visible";
magnify("myimage", 3);
}
</script>
</head>
<body>
<div align = "center">
<h1>Image Magnifier Glass</h1>
<p>Mouse over the image:</p>
<input type = "button" value = "KLICK" onclick = "Testfunktion();"/><br><br>
<div class="img-magnifier-container">
<img id="myimage" src="img_fjords.jpg" width="600" height="400" style = "visibility:hidden"/>
</div>
</div>
<p>Feel free to change the strength of the magnifier glass when initiating the magnify function.</p>
</body>
</html>
ich hab den Fehler: Du hast in der function das Semikolon noch in der geschweiften Klammer!
Danke Danke Zipity!! Großartig!
Woran kann das denn liegen?? ich schreibe in Notepad und probiere es in chrome
Jetzt habe ich es so:
...
if (zeige == true)
...
es geht trotzdem nicht, leider....
Hallo, ich probiere es gleich aus
Hallo Leute,
mein Problem scheint einfach, aber für mich derzeit nicht lösbar.
Ich habe ein array mit drei Elementen. Gebe ich in das Textfeld "Auto" nichts oder z.B. Mercedes ein, soll im Textfeld "Pruefe" ein "NEIN" stehen.
Gebe ich z.B. Tatra ein, soll dort stehen "is drin".
Leider funktioniert es nicht.
Hier mein Code:
<html>
<head>
<script>
var cars = ["Lincoln", "Skoda", "Tatra", "Lada"];
function Teste()
{
var zeige = cars.includes(Auto.value);
if (zeige = true)
{document.getElementById("Pruefe").value = "is drin";}
else {document.getElementById("Pruefe").value = "NEIN";}
}
</script>
</head>
<body>
<h2>JavaScript Arrays</h2>
Auto: <br><input type="text" id="Auto"><br><br>
Prüfe ob im array: <br><input type="text" id="Pruefe"><br><br>
<input type="button" value="Teste" onclick="Teste();"/><br>
</body>
</html>
Könnt Ihr helfen??
na erst am Abend und vor allem nicht so super schnell
ich finds total genial mitten am Tag gute Antworten zu erhalten!! Das ist wirklich echt gut!!
Danke nochmal
vielen Dank für Eure Mühen Ihr beiden!
Ich probiere es morgen aus!!
Was? Warum sollte es dann nicht gehen?
Klappt es bei euch bei einem NICHT-INTERNET-Bild?
So als würde er die Datei nicht erkennen. Bei der Internetquelle klappt es. Merkwürdig. Auch wenn ich ein Bild aus einem beliebigen Ordner nehme, haut es nicht hin leider!
Bei mir kommt ständig ein kleines Viereck mit x drinnen
so funktioniert es nicht:
<html>
<head>
<script type = "text/javascript">
function f1()
{
document.getElementById("image").src = "Y:\Windows\Desktop\Bilddatei.png"
}
</script>
</head>
<body>
<input type="button" value="Zeige Bildchen" onclick="f1();"/><br>
<img src="" id= "image" style="display:none;" width="222" height="222">
</body>
</html>
Hallo Jochen,
warum ist der aufruf nicht korrekt?
Hallo basti1012,
erstmal vielen Dank für Deine Hilfe.
Ich habe es damit auch nicht hinbekommen.
Die image-src soll erst leer sein und erst mit dem button-click "gefüllt" werden.
Habe deinen Code kopiert und es funktioniert nicht bei mir...
