|
Hi...i have this code right here to scroll down the window for the desired position..my problem is that i need to replace the button element by an image with this reference "#WE21c6b55f75"..
I do not know how!!!
Code i have:
<button onclick="scrollWin()">Click me to scroll horizontally!</button><br><br>
<script>
function scrollWin() {
window.scrollTo(500, 0);
}
</script>
Code i tried:
<div id="WE21c6b55f75" onclick="scrollWin()"></div>
<script>
function scrollWin() {
window.scrollTo(0, 2300);
}
</script>
Somebody?..i know this is really simple to do but i am not figuring it out..i am learning from W3Schools by myself... Thank You!
modified 7-Jan-19 21:02pm.
|
|
|
|
|
Your <div> is empty, so there's nothing to click on.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
hi.. what would be the right code please?!!
modified 7-Jan-19 21:02pm.
|
|
|
|
|
Add some content to the <div> so that there's something to click on.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
i do not know what to do????....i also tried this code in alternate but nothing:
<script>
document.getElementById("#WE21c6b55f75").onclick = function() {myFunction()};
function myFunction() {
window.scrollTo(0, 2000);
}
</script>
i already have the div in the code with the image and links..i just have to make the connection from the div to the new code....
i already have this:
<div id="WE21c6b55f75" class="BaseDiv RKeepRatio OEWEImage OESK_WEImage_Default" style="z-index:1002">
<div class="OESZ OESZ_DivContent OESZG_WE21c6b55f75">
<img src="WEFiles/Image/WEImage/scroll-WE21c6b55f75.png" class="OESZ OESZ_Img OESZG_WE21c6b55f75" alt="" />
</div>
</div>
modified 7-Jan-19 21:02pm.
|
|
|
|
|
Alienoiz wrote: window.scrollTo(0, 2000);
You're trying to scroll horizontally. Is your page at least 2000 pixels wide?
Window.scrollTo() - Web APIs | MDN[^]
EDIT: Ignore this; I misread the documentation.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
modified 8-Feb-18 7:42am.
|
|
|
|
|
no..verticaly..(x,y)
modified 7-Jan-19 21:02pm.
|
|
|
|
|
Your code is trying to scroll horizontally.
If you want to scroll vertically, then you need to swap the order of the arguments in your call to scrollTo .
EDIT: Ignore this; I misread the documentation.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
modified 8-Feb-18 7:42am.
|
|
|
|
|
but they say (x,y)..x=horiz y=vert ... i tried (2000,0) and nothing!!!
modified 7-Jan-19 21:02pm.
|
|
|
|
|
Yes, you're right.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
ok..so why is it not working????.do you have any idea?.i am blind on this now
modified 7-Jan-19 21:02pm.
|
|
|
|
|
Alienoiz wrote: document.getElementById("#WE21c6b55f75")
You don't need the "#" when you call getElementById ; that's a jQuery selector.
You'll also want to use the addEventListener[^] method to attach the event:
document.getElementById("WE21c6b55f75").addEventListener("click", myFunction);
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
your code is not working too...i do not know what is happening!!!
modified 7-Jan-19 21:02pm.
|
|
|
|
|
It works fine for me:
Edit fiddle - JSFiddle[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
not working here...maybe it only works in an online page!!?!! can that happen?!
modified 7-Jan-19 21:02pm.
|
|
|
|
|
Is the demo I posted not working?
Which browser are you using?
Are there any errors in the browser's error console?
Is there anything odd about the CSS styles applied to the div?
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
the demo you show is working..i am using Chrome..i do not know how to see the errors in the console...
the image is inside a group of elements frame and i am animating the images with this code:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#WE21c6b55f75:hover {
animation: shake 0.6s;
}
@keyframes shake {
100% { transform: translate(0px, 0px) rotate(360deg); }
}
</style>
</head>
<body>
</body>
</html>
and the group of elements with this one:
<script>
$(document).ready(function(){
$("div").mouseenter(function(){
$("#WEdeade99e88").animate({
top:"20px"
});
$("#WE427d1fab8f").animate({
top: "5px"
});
$("#WEcee0bb0ded").animate({
top: "210px"
});
$("#WEa1d10f7aea").animate({
top: "200px"
});
$("#WEd710230262").animate({
top: "200px"
});
});
});
</script>
modified 7-Jan-19 21:02pm.
|
|
|
|
|
On Windows, F12 will open the developer console in most browsers.
Try removing the animation code, in case that's moving the target so that you can't click on it. Also, check whether there's another element sitting in front of the target, or any event handlers on the child elements which might prevent a click event from bubbling.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
nop..i cannot see anything that would prevent this to work :s
back to the first code i showed you:
<button onclick="scrollWin()">Click me to scroll horizontally!</button><br><br>
<script>
function scrollWin() {
window.scrollTo(500, 0);
}
</script>
was working but from an html button..is there a way to replace the button element by my image: "WE21c6b55f75" ........?
modified 7-Jan-19 21:02pm.
|
|
|
|
|
There's no secret code that I'm not telling you; what I've shown you so far is how it's done.
If it's not working, then you need to debug it. I can't do that for you, because I don't have access to your page.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
well ..is there a way to replace the button element by my image?...if yes i would have my problem solved man!!
modified 7-Jan-19 21:02pm.
|
|
|
|
|
Edit fiddle - JSFiddle[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
ok..i have set all this in the same code containner and it is working now:
<div id="WE21c6b55f75" onclick="scrollWin()" class="BaseDiv RKeepRatio OEWEImage OESK_WEImage_Default" style="z-index:1002">
<div class="OESZ OESZ_DivContent OESZG_WE21c6b55f75">
<img src="WEFiles/Image/WEImage/scroll-WE21c6b55f75.png" class="OESZ OESZ_Img OESZG_WE21c6b55f75" alt="" />
</div>
</div>
<script>
function scrollWin() {
window.scrollTo(0, 3000);
}
</script>
Thanks for your consideration!!
modified 7-Jan-19 21:02pm.
|
|
|
|
|
i just tried with other elements in the page and it is not working..i also tried to upload the thing to see if it worked in an uploaded project...but nothing
modified 7-Jan-19 21:02pm.
|
|
|
|
|
i am running this site: beatassist.eu :and i am using OpenElement software..which i find an awesome software..if you check the site you will say: "you can do all this and you cannot make a button to scroll from an image?" ... the problem is that YES i am not figuring it out?!!
Thank You!
modified 7-Jan-19 21:02pm.
|
|
|
|