Interactive Phone for CEF 0.0.0

   (7 reviews)

2 Screenshots

About This File

I created this phone for a previous GTA MP Mod. I never properly finished it but it has useful features such as:

  • Lockscreen push notifications
  • Home button
  • Custom phone style support
  • Apps that open divs.

Phones are stored in phones/phones/[phone-name]/

There is a JSON file that contains the needed info for the phone as well as an image for the phone.

This is unfinished

  • Like 5
  • Mask 1



User Feedback

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest

HankSteiner

   1 of 1 member found this review helpful 1 / 1 member

i like it! 
 

i changed in index.html:

</script>
        <style>
        #container {
            animation-duration: 3s;
          animation-name: slidein;
        }
        @keyframes slidein {
            from {
                padding-top:1080px;
            }
 
            to {
                padding-top:350px;
            }
        }
        </style>
    </head>
    <body style="overflow: hidden;">
        <div id="container" style="position: absolute; padding-top:350px; padding-left: 1200px;">

and added after </body>:

<script>
    //Make the DIV element draggagle:
    dragElement(document.getElementById("container"));
 
    function dragElement(elmnt) {
    var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
    if (document.getElementById(elmnt.id + "phone-device")) {
        /* if present, the header is where you move the DIV from:*/
        document.getElementById(elmnt.id + "phone-device").onmousedown = dragMouseDown;
    } else {
        /* otherwise, move the DIV from anywhere inside the DIV:*/
        elmnt.onmousedown = dragMouseDown;
    }
 
    function dragMouseDown(e) {
        e = e || window.event;
        e.preventDefault();
        // get the mouse cursor position at startup:
        pos3 = e.clientX;
        pos4 = e.clientY;
        document.onmouseup = closeDragElement;
        // call a function whenever the cursor moves:
        document.onmousemove = elementDrag;
    }
 
    function elementDrag(e) {
        e = e || window.event;
        e.preventDefault();
        // calculate the new cursor position:
        pos1 = pos3 - e.clientX;
        pos2 = pos4 - e.clientY;
        pos3 = e.clientX;
        pos4 = e.clientY;
        // set the element's new position:
        elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
        elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
    }
 
    function closeDragElement() {
        /* stop moving when mouse button is released:*/
        document.onmouseup = null;
        document.onmousemove = null;
    }
    }
    </script>

after that i did something like this in clientside:

if(mp.keys.isUp(38) === true ){
}else{
if(!phoneup){
if(handytimeoutshow == null){
handytimeoutshow = setTimeout(() => {
mp.gui.chat.push('show')
if(!phoneup){
phoneup = true;
}
clearTimeout(handytimeoutshow)
handytimeoutshow = null
}, 1000);
}
}else{
if(handytimeouthidde == null && handytimeoutshow == null){
handytimeouthidde = setTimeout(() => {
mp.gui.chat.push('hidde')
if(phoneup){
phoneup = false;
}
clearTimeout(handytimeouthidde)
handytimeouthidde = null
}, 1000);
}
}
}
if(phoneup){
if(handy === null){
handy = mp.browsers.new("package://handy/index.html");
}
}else{
if(handy != null){
handy.destroy()
handy = null
}
 
}

Share this review


Link to review
WINTER

   6 of 8 members found this review helpful 6 / 8 members

good man, so how i install it?

 

  • Like 1

Share this review


Link to review
mew

   3 of 4 members found this review helpful 3 / 4 members

Beast

Share this review


Link to review
Joshua

   2 of 4 members found this review helpful 2 / 4 members

would 10/10 but can only 5/5

Share this review


Link to review
ragempdev

   2 of 4 members found this review helpful 2 / 4 members

mm productions +rep

Share this review


Link to review
matical

   0 of 1 member found this review helpful 0 / 1 member

Looks great!

Share this review


Link to review
RasgaNinja

   0 of 1 member found this review helpful 0 / 1 member

+rep

Share this review


Link to review