facebook

image button loses clicked image : CLOSED

  1. MobiOne Archive
  2.  > 
  3. Getting Help – General
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #344975 Reply

    Bestmoose
    Participant

    Searched the forum several hours but couldn’t find a solution:
    The problem is, that after programmatically changing the image of an image-button-widget it appears to lose its ‘clicked-image’ feature.
    I tried the following code. Changing the image works great, but then it doesn’t change on click anymore.

    Any suggestions?

    // Called when new pictures were seleted and passes the file-handles (imageData and imageClickedData) to this function
    
    function onImagesSelected(imageData, imageClickedData) {
    
        // changes the button image with the selected image
        $('[id$=imageButton1]').css('-webkit-border-image', 'url(' + imageData + ') 1 1 1 1 stretch stretch');
    
        //this upper line works fine, but after this operation, the button that used to have
        // a 'clicked'-image does not change anymore on clicking it. The following line showed no change either
    
        $('[id$=imageButton1].m1-clicked').css('-webkit-border-image', 'url(' + imageClickedData + ') 1 1 1 1 stretch stretch');
    
        // also NO SUCCESS with this line
        $('#m1-myfile-imageButton1.m1-clicked').css('-webkit-border-image', 'url(' + imageClickedData + ') 1 1 1 1 stretch stretch');
    }
    
    /* the CSS file (myfile.css) shows these lines for the button I'm trying to change images for (unclicked and clicked)
    
          #m1-myfile-imageButton1.m1-clicked{
            -webkit-border-image: url(images/clicked.png) 1 1 1 1 stretch stretch;
          }
    
          #m1-myfile-imageButton1{
            -webkit-border-image: url(images/unclicked.png) 1 1 1 1 stretch stretch;
            border-width: 1px 1px 1px 1px;
            height: 102px;
            left: 1px;
            line-height: 100px;
            top: 1px;
            width: 102px;
          }
    
    */
    #345002 Reply

    Hi Bestmoose,

    Please take a look at this example that should be helpful for you: http://www.genuitec.com/support-genuitec/viewtopic.php?p=14746#p14746

    #345006 Reply

    Bestmoose
    Participant

    Thank you so much, Octavio.

    Unbelievable, my button-image-problem is solved 🙂

    Isn’t it weird, that when I search the forum for posts containing “m1-clicked” I cant get any results?
    But browsing the forum is never a waste of time, found all kinds of very useful tips and tricks from you guys here already.
    My thanks for all that goes again to the support team and all the unknown active forum users.
    I enjoy being here!

Viewing 3 posts - 1 through 3 (of 3 total)
Reply To: image button loses clicked image : CLOSED

You must be logged in to post in the forum log in