Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    New Coder
    Join Date
    Jun 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Want to Drag and drop an item and have it disappear

    My Fiance is working on a mobile site basically she has an apple and a grocery bag she wants to drag the apple to the bag and have the apple disappear so it looks like you dragged the apple and placed it in the bag.
    The problem is we cant find and code anywhere that will do this. Keep in mind this is a mobile site. Would someone be so kind and help us with the code to do that function? here is what we have below. Thanks!

    var dragndrop = (function() {
    var myX = '';
    var myY = '';
    var whichArt = '';

    function resetZ(){
    var elements = document.querySelectorAll('img');
    for (var i = elements.length - 1; i >= 0; i--) {
    elements[i].style.zIndex = 5;
    };
    }

    function moveStart(e) {
    whichArt = e.target;
    myX = e.offsetX === undefined ? e.layerX : e.offsetX;
    myY = e.offsetY === undefined ? e.layerY : e.offsetY;
    resetZ();
    whichArt.style.zIndex = 10;
    }

    function moveDragOver(e) {
    e.preventDefault();
    }

    function moveDrop(e) {
    e.preventDefault();
    whichArt.style.left = e.pageX - myX + 'px';
    whichArt.style.top = e.pageY - myY + 'px';
    }



    function touchStart(e){
    e.preventDefault();
    var whichArt = e.target;
    var touch = e.touches[0];
    var moveOffsetX = whichArt.offsetLeft - touch.pageX;
    var moveOffsetY = whichArt.offsetTop - touch.pageY;
    resetZ();
    whichArt.style.zIndex = 10;

    whichArt.addEventListener('touchmove', function(){
    var positionX = touch.pageX + moveOffsetX;
    var positionY = touch.pageY + moveOffsetY;
    whichArt.style.left = positionX + 'px';
    whichArt.style.top = positionY + 'px';
    }, false);
    }

    document.querySelector('.lvl_2_content').addEventListener('dragstart', moveStart, false);
    document.querySelector('.lvl_2_content').addEventListener('dragover', moveDragOver, false);
    document.querySelector('.lvl_2_content').addEventListener('drop', moveDrop, false);

    document.querySelector('.lvl_2_content').addEventListener('touchstart', touchStart, false);

    })();

  • #2
    Senior Coder xelawho's Avatar
    Join Date
    Nov 2010
    Posts
    2,981
    Thanks
    56
    Thanked 557 Times in 554 Posts
    without seeing anything else I would guess that within the moveDrop function you would check to see if whichArt.style.left and whichArt.style.top are both within the extents of the shopping bag and if so call whichArt.style.display = "none"

  • #3
    New Coder
    Join Date
    Jun 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by xelawho View Post
    without seeing anything else I would guess that within the moveDrop function you would check to see if whichArt.style.left and whichArt.style.top are both within the extents of the shopping bag and if so call whichArt.style.display = "none"
    Thank you very much.
    Here is a test page and it should work on non mobile as well. shannonsepelak.com/groceryBag/
    As you can see you can drag the item to the bag but it doesnt disappear. We just need it to disappear now and it will be golden below is the code for that page.
    var dragndrop = (function() {..
    var myX = '';
    var myY = '';
    var whichArt = '';
    var dropTarget = document.querySelector('.bag_graphic');
    var draggables = document.querySelector('.draggables');


    function getXPosition(element){
    var xPosition = 0;

    while(element) {
    xPosition +=(element.offsetLeft - element.scrollLeft + element.clientLeft);
    element = element.offsetParent;
    }

    return {x: xPosition};
    }

    function getYPosition(element){
    var yPosition = 0;

    while(element) {
    yPosition +=(element.offsetTop - element.scrollTop + element.clientTop);
    element = element.offsetParent;
    }

    return {y: yPosition};
    }
    var xDragPosition = getXPosition(draggables);
    var yDragPosition = getYPosition(draggables);
    var xTargPosition = getXPosition(dropTarget);
    var yTargPosition = getYPosition(dropTarget);
    var targetWidth = xTargPosition + '390px';
    var targetHeight = yTargPosition + '522px';

    function resetZ(){
    var elements = document.querySelectorAll('img');
    for (var i = elements.length - 1; i >= 0; i--) {
    elements[i].style.zIndex = 5;
    };
    }

    function moveStart(e) {
    whichArt = e.target;
    myX = e.offsetX === undefined ? e.layerX : e.offsetX;
    myY = e.offsetY === undefined ? e.layerY : e.offsetY;
    resetZ();
    whichArt.style.zIndex = 10;
    }

    function moveDragOver(e) {
    e.preventDefault();
    }

    function moveDrop(e) {
    e.preventDefault();
    whichArt.style.left = e.pageX - myX + 'px';
    whichArt.style.top = e.pageY - myY + 'px';
    }

    function dropOnTarget() {
    if(( xDragPosition >= xTargPosition && xDragPosition <=targetWidth ) && ( yDragPosition >= yTargPosition && yDragPosition <= targetHeight)){
    $(".draggables").hide();
    } else {
    $(".draggables").show();
    }

    }

    function touchStart(e){
    e.preventDefault();
    var whichArt = e.target;
    var touch = e.touches[0];
    var moveOffsetX = whichArt.offsetLeft - touch.pageX;
    var moveOffsetY = whichArt.offsetTop - touch.pageY;
    resetZ();
    whichArt.style.zIndex = 10;

    whichArt.addEventListener('touchmove', function(){
    var positionX = touch.pageX + moveOffsetX;
    var positionY = touch.pageY + moveOffsetY;
    whichArt.style.left = positionX + 'px';
    whichArt.style.top = positionY + 'px';
    }, false);
    }

    document.querySelector('.lvl_2_content').addEventListener('dragstart', moveStart, false);
    document.querySelector('.lvl_2_content').addEventListener('dragover', moveDragOver, false);
    document.querySelector('.lvl_2_content').addEventListener('drop', moveDrop, false);

    document.querySelector('.lvl_2_content').addEventListener('touchstart', touchStart, false);

    })();

  • #4
    Senior Coder xelawho's Avatar
    Join Date
    Nov 2010
    Posts
    2,981
    Thanks
    56
    Thanked 557 Times in 554 Posts
    you have the dropOnTarget function (which should work), but you never call it. Just call it at the end of your moveDrop(e) function...

    Code:
    function moveDrop(e) {
            e.preventDefault();
            whichArt.style.left = e.pageX - myX + 'px';
            whichArt.style.top = e.pageY - myY + 'px';
    	dropOnTarget();
        }

  • #5
    New Coder
    Join Date
    Jun 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by xelawho View Post
    you have the dropOnTarget function (which should work), but you never call it. Just call it at the end of your moveDrop(e) function...

    Code:
    function moveDrop(e) {
            e.preventDefault();
            whichArt.style.left = e.pageX - myX + 'px';
            whichArt.style.top = e.pageY - myY + 'px';
    	dropOnTarget();
        }
    Thank you so much, we will try this out now.

  • #6
    New Coder
    Join Date
    Jun 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by xelawho View Post
    you have the dropOnTarget function (which should work), but you never call it. Just call it at the end of your moveDrop(e) function...

    Code:
    function moveDrop(e) {
            e.preventDefault();
            whichArt.style.left = e.pageX - myX + 'px';
            whichArt.style.top = e.pageY - myY + 'px';
    	dropOnTarget();
        }
    Quote Originally Posted by xelawho View Post
    you have the dropOnTarget function (which should work), but you never call it. Just call it at the end of your moveDrop(e) function...

    Code:
    function moveDrop(e) {
            e.preventDefault();
            whichArt.style.left = e.pageX - myX + 'px';
            whichArt.style.top = e.pageY - myY + 'px';
    	dropOnTarget();
        }
    We tried to call at the end but the apple still doesnt disappear for some reason. Do you have any other thoughts?

  • #7
    Senior Coder xelawho's Avatar
    Join Date
    Nov 2010
    Posts
    2,981
    Thanks
    56
    Thanked 557 Times in 554 Posts
    I don't know what else you changed, but if you use the code that you posted in #3 it works fine for me. It appears that you are using jQuery, but the link you posted does not include it (and the error console gives a "$ is not defined" message, which is always a dead giveaway...

    Code:
    var dragndrop = (function() {
    var myX = '';
    var myY = '';
    var whichArt = '';
    var dropTarget = document.querySelector('.bag_graphic');
    var draggables = document.querySelector('.draggables');
    
    
    function getXPosition(element){
    var xPosition = 0;
    
    while(element) {
    xPosition +=(element.offsetLeft - element.scrollLeft + element.clientLeft);
    element = element.offsetParent;
    }
    
    return {x: xPosition};
    }
    
    function getYPosition(element){
    var yPosition = 0;
    
    while(element) {
    yPosition +=(element.offsetTop - element.scrollTop + element.clientTop);
    element = element.offsetParent;
    }
    
    return {y: yPosition};
    }
    var xDragPosition = getXPosition(draggables);
    var yDragPosition = getYPosition(draggables);
    var xTargPosition = getXPosition(dropTarget);
    var yTargPosition = getYPosition(dropTarget);
    var targetWidth = xTargPosition + '390px';
    var targetHeight = yTargPosition + '522px';
    
    function resetZ(){
    var elements = document.querySelectorAll('img');
    for (var i = elements.length - 1; i >= 0; i--) {
    elements[i].style.zIndex = 5;
    };
    }
    
    function moveStart(e) {
    whichArt = e.target;
    myX = e.offsetX === undefined ? e.layerX : e.offsetX;
    myY = e.offsetY === undefined ? e.layerY : e.offsetY;
    resetZ();
    whichArt.style.zIndex = 10;
    }
    
    function moveDragOver(e) {
    e.preventDefault();
    }
    
    function moveDrop(e) {
    e.preventDefault();
    whichArt.style.left = e.pageX - myX + 'px';
    whichArt.style.top = e.pageY - myY + 'px';
    dropOnTarget();
    }
    
    function dropOnTarget() {
    if(( xDragPosition >= xTargPosition && xDragPosition <=targetWidth ) && ( yDragPosition >= yTargPosition && yDragPosition <= targetHeight)){
    $(".draggables").hide();
    } else {
    $(".draggables").show();
    }
    
    }
    
    function touchStart(e){
    e.preventDefault();
    var whichArt = e.target;
    var touch = e.touches[0];
    var moveOffsetX = whichArt.offsetLeft - touch.pageX;
    var moveOffsetY = whichArt.offsetTop - touch.pageY;
    resetZ();
    whichArt.style.zIndex = 10;
    
    whichArt.addEventListener('touchmove', function(){
    var positionX = touch.pageX + moveOffsetX;
    var positionY = touch.pageY + moveOffsetY;
    whichArt.style.left = positionX + 'px';
    whichArt.style.top = positionY + 'px';
    }, false);
    }
    
    document.querySelector('.lvl_2_content').addEventListener('dragstart', moveStart, false);
    document.querySelector('.lvl_2_content').addEventListener('dragover', moveDragOver, false);
    document.querySelector('.lvl_2_content').addEventListener('drop', moveDrop, false);
    
    document.querySelector('.lvl_2_content').addEventListener('touchstart', touchStart, false);
    
    })();
    Last edited by xelawho; 06-09-2014 at 03:43 AM.

  • #8
    Senior Coder xelawho's Avatar
    Join Date
    Nov 2010
    Posts
    2,981
    Thanks
    56
    Thanked 557 Times in 554 Posts
    ... although looking at it again, two things jump out:

    1) the dropOnTarget() function is the only place where you use jQuery, and you could easily get away with not using it.

    2) the way you have it now, if you drop one draggable in the bag all the draggables will disappear (assuming you will eventually have more than one on the same page). If you are going to have more than one, you already have the ability to hide just the one that is being dragged, like this (non-jQuery version):

    Code:
    function dropOnTarget() {
    if(( xDragPosition >= xTargPosition && xDragPosition <=targetWidth ) && ( yDragPosition >= yTargPosition && yDragPosition <= targetHeight)){
    whichArt.style.display="none";
    } else {
    whichArt.style.display="block";
    }
    
    }

  • #9
    New Coder
    Join Date
    Jun 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    We got it working! Thank you so much for all your help today. She didnt have the JQuery linked.
    Again thank you for the help this was very important to her hopefully one day I can return the favor and help you.

  • #10
    New Coder
    Join Date
    Jun 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by xelawho View Post
    ... although looking at it again, two things jump out:

    1) the dropOnTarget() function is the only place where you use jQuery, and you could easily get away with not using it.

    2) the way you have it now, if you drop one draggable in the bag all the draggables will disappear (assuming you will eventually have more than one on the same page). If you are going to have more than one, you already have the ability to hide just the one that is being dragged, like this (non-jQuery version):

    Code:
    function dropOnTarget() {
    if(( xDragPosition >= xTargPosition && xDragPosition <=targetWidth ) && ( yDragPosition >= yTargPosition && yDragPosition <= targetHeight)){
    whichArt.style.display="none";
    } else {
    whichArt.style.display="block";
    }
    
    }
    She's actually working on taking the jquery out now LOL Guess you read her mind. hahaha

  • #11
    Senior Coder xelawho's Avatar
    Join Date
    Nov 2010
    Posts
    2,981
    Thanks
    56
    Thanked 557 Times in 554 Posts
    glad to help. Have a look at this to see what I mean about multiple items....

    Code:
    <!DOCTYPE HTML>
    <html>
        
    <head>
        
         <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title>Vocab App Prototype v-1</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
    	<meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" type="text/css" href="http://shannonsepelak.com/groceryBag/assets/includes/style.css?v=1" />
    
    </head>
        
    <body>
    <div class="lvl_2_content">
    <div class="draggables">
    	<img draggable="true" id="apple_lvl2_graphic" src="http://shannonsepelak.com/groceryBag/assets/images/content/foodItems_apple.png?v=1" alt="apple" style="position: absolute; top: 0px; left: 0px; z-index: 5;" width="230" height="240" />
    	<img draggable="true" id="apple_lvl3_graphic" src="http://shannonsepelak.com/groceryBag/assets/images/content/foodItems_apple.png?v=1" alt="apple" style="position: absolute; top: 120px; right: 0px; z-index: 5;" width="230" height="240" />
    	<img draggable="true" id="apple_lvl4_graphic" src="http://shannonsepelak.com/groceryBag/assets/images/content/foodItems_apple.png?v=1" alt="apple" style="position: absolute; bottom: 0px; left: 0px; z-index: 5;" width="230" height="240" />
     </div>
        <img draggable="false" class="bag_graphic" src="http://shannonsepelak.com/groceryBag/assets/images/content/commonItems_clothBag.png?v=1" width="390" height="522" style="position: absolute; top: 100px; left: 400px;" />
    
        <p class="lvls_text" style="display: none;">
        buying food from the Grocer's, packing for a picnic
        </p>
        <script>
    var dragndrop = (function() {
    var myX = '';
    var myY = '';
    var whichArt = '';
    var dropTarget = document.querySelector('.bag_graphic');
    var draggables = document.querySelector('.draggables');
    
    
    function getXPosition(element){
    var xPosition = 0;
    
    while(element) {
    xPosition +=(element.offsetLeft - element.scrollLeft + element.clientLeft);
    element = element.offsetParent;
    }
    
    return {x: xPosition};
    }
    
    function getYPosition(element){
    var yPosition = 0;
    
    while(element) {
    yPosition +=(element.offsetTop - element.scrollTop + element.clientTop);
    element = element.offsetParent;
    }
    
    return {y: yPosition};
    }
    var xDragPosition = getXPosition(draggables);
    var yDragPosition = getYPosition(draggables);
    var xTargPosition = getXPosition(dropTarget);
    var yTargPosition = getYPosition(dropTarget);
    var targetWidth = xTargPosition + '390px';
    var targetHeight = yTargPosition + '522px';
    
    function resetZ(){
    var elements = document.querySelectorAll('img');
    for (var i = elements.length - 1; i >= 0; i--) {
    elements[i].style.zIndex = 5;
    };
    }
    
    function moveStart(e) {
    whichArt = e.target;
    myX = e.offsetX === undefined ? e.layerX : e.offsetX;
    myY = e.offsetY === undefined ? e.layerY : e.offsetY;
    resetZ();
    whichArt.style.zIndex = 10;
    }
    
    function moveDragOver(e) {
    e.preventDefault();
    }
    
    function moveDrop(e) {
    e.preventDefault();
    whichArt.style.left = e.pageX - myX + 'px';
    whichArt.style.top = e.pageY - myY + 'px';
    dropOnTarget();
    }
    
    function dropOnTarget() {
    if(( xDragPosition >= xTargPosition && xDragPosition <=targetWidth ) && ( yDragPosition >= yTargPosition && yDragPosition <= targetHeight)){
    whichArt.style.display="none";
    } else {
    whichArt.style.display="block";
    }
    
    }
    
    function touchStart(e){
    e.preventDefault();
    var whichArt = e.target;
    var touch = e.touches[0];
    var moveOffsetX = whichArt.offsetLeft - touch.pageX;
    var moveOffsetY = whichArt.offsetTop - touch.pageY;
    resetZ();
    whichArt.style.zIndex = 10;
    
    whichArt.addEventListener('touchmove', function(){
    var positionX = touch.pageX + moveOffsetX;
    var positionY = touch.pageY + moveOffsetY;
    whichArt.style.left = positionX + 'px';
    whichArt.style.top = positionY + 'px';
    }, false);
    }
    
    document.querySelector('.lvl_2_content').addEventListener('dragstart', moveStart, false);
    document.querySelector('.lvl_2_content').addEventListener('dragover', moveDragOver, false);
    document.querySelector('.lvl_2_content').addEventListener('drop', moveDrop, false);
    
    document.querySelector('.lvl_2_content').addEventListener('touchstart', touchStart, false);
    
    })();
    	</script>
        </div>
    </body>
    
     </html>

  • #12
    New Coder
    Join Date
    Jun 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by xelawho View Post
    glad to help. Have a look at this to see what I mean about multiple items....

    Code:
    <!DOCTYPE HTML>
    <html>
        
    <head>
        
         <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title>Vocab App Prototype v-1</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
    	<meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" type="text/css" href="http://shannonsepelak.com/groceryBag/assets/includes/style.css?v=1" />
    
    </head>
        
    <body>
    <div class="lvl_2_content">
    <div class="draggables">
    	<img draggable="true" id="apple_lvl2_graphic" src="http://shannonsepelak.com/groceryBag/assets/images/content/foodItems_apple.png?v=1" alt="apple" style="position: absolute; top: 0px; left: 0px; z-index: 5;" width="230" height="240" />
    	<img draggable="true" id="apple_lvl3_graphic" src="http://shannonsepelak.com/groceryBag/assets/images/content/foodItems_apple.png?v=1" alt="apple" style="position: absolute; top: 120px; right: 0px; z-index: 5;" width="230" height="240" />
    	<img draggable="true" id="apple_lvl4_graphic" src="http://shannonsepelak.com/groceryBag/assets/images/content/foodItems_apple.png?v=1" alt="apple" style="position: absolute; bottom: 0px; left: 0px; z-index: 5;" width="230" height="240" />
     </div>
        <img draggable="false" class="bag_graphic" src="http://shannonsepelak.com/groceryBag/assets/images/content/commonItems_clothBag.png?v=1" width="390" height="522" style="position: absolute; top: 100px; left: 400px;" />
    
        <p class="lvls_text" style="display: none;">
        buying food from the Grocer's, packing for a picnic
        </p>
        <script>
    var dragndrop = (function() {
    var myX = '';
    var myY = '';
    var whichArt = '';
    var dropTarget = document.querySelector('.bag_graphic');
    var draggables = document.querySelector('.draggables');
    
    
    function getXPosition(element){
    var xPosition = 0;
    
    while(element) {
    xPosition +=(element.offsetLeft - element.scrollLeft + element.clientLeft);
    element = element.offsetParent;
    }
    
    return {x: xPosition};
    }
    
    function getYPosition(element){
    var yPosition = 0;
    
    while(element) {
    yPosition +=(element.offsetTop - element.scrollTop + element.clientTop);
    element = element.offsetParent;
    }
    
    return {y: yPosition};
    }
    var xDragPosition = getXPosition(draggables);
    var yDragPosition = getYPosition(draggables);
    var xTargPosition = getXPosition(dropTarget);
    var yTargPosition = getYPosition(dropTarget);
    var targetWidth = xTargPosition + '390px';
    var targetHeight = yTargPosition + '522px';
    
    function resetZ(){
    var elements = document.querySelectorAll('img');
    for (var i = elements.length - 1; i >= 0; i--) {
    elements[i].style.zIndex = 5;
    };
    }
    
    function moveStart(e) {
    whichArt = e.target;
    myX = e.offsetX === undefined ? e.layerX : e.offsetX;
    myY = e.offsetY === undefined ? e.layerY : e.offsetY;
    resetZ();
    whichArt.style.zIndex = 10;
    }
    
    function moveDragOver(e) {
    e.preventDefault();
    }
    
    function moveDrop(e) {
    e.preventDefault();
    whichArt.style.left = e.pageX - myX + 'px';
    whichArt.style.top = e.pageY - myY + 'px';
    dropOnTarget();
    }
    
    function dropOnTarget() {
    if(( xDragPosition >= xTargPosition && xDragPosition <=targetWidth ) && ( yDragPosition >= yTargPosition && yDragPosition <= targetHeight)){
    whichArt.style.display="none";
    } else {
    whichArt.style.display="block";
    }
    
    }
    
    function touchStart(e){
    e.preventDefault();
    var whichArt = e.target;
    var touch = e.touches[0];
    var moveOffsetX = whichArt.offsetLeft - touch.pageX;
    var moveOffsetY = whichArt.offsetTop - touch.pageY;
    resetZ();
    whichArt.style.zIndex = 10;
    
    whichArt.addEventListener('touchmove', function(){
    var positionX = touch.pageX + moveOffsetX;
    var positionY = touch.pageY + moveOffsetY;
    whichArt.style.left = positionX + 'px';
    whichArt.style.top = positionY + 'px';
    }, false);
    }
    
    document.querySelector('.lvl_2_content').addEventListener('dragstart', moveStart, false);
    document.querySelector('.lvl_2_content').addEventListener('dragover', moveDragOver, false);
    document.querySelector('.lvl_2_content').addEventListener('drop', moveDrop, false);
    
    document.querySelector('.lvl_2_content').addEventListener('touchstart', touchStart, false);
    
    })();
    	</script>
        </div>
    </body>
    
     </html>
    Looks like we ran into one more issue. It isnt working on Mobile for some reason. Do you have any idea why?

  • #13
    Senior Coder xelawho's Avatar
    Join Date
    Nov 2010
    Posts
    2,981
    Thanks
    56
    Thanked 557 Times in 554 Posts
    no, hard to say from here... you mean the disappearing apple thing, or something else isn't working?

  • #14
    New Coder
    Join Date
    Jun 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by xelawho View Post
    no, hard to say from here... you mean the disappearing apple thing, or something else isn't working?
    Yeah it disappears on desktop but not mobile...We are going to sleep on it and look into it in the morning. Thanks for all your help today.

  • #15
    New Coder
    Join Date
    Jun 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by xelawho View Post
    no, hard to say from here... you mean the disappearing apple thing, or something else isn't working?
    We think it might be because there is a function missing. She was thinking of adding touchend but that doesnt work on Mobile. The interesting thing is its working on Desktop the apple disappears.
    Is there perhaps a function that is only in mobile she is missing?

    Thanks!


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •