Interactive Phone for CEF 0.0.0

   (9 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
  • Confused 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

BapfelSlin

  

I think it´s pretty cool, but I´m new with all that Stuff, and I don´t really know how to put the Phone on my Server, can anyone help me?

(sorry for my bad english)

Share this review


Link to review
Guest Tim

  

Sehr cool

Share this review


Link to review
HankSteiner

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

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
}
 
}
  • Like 1

Share this review


Link to review
matical

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

Looks great!

Share this review


Link to review
WINTER

   7 of 10 members found this review helpful 7 / 10 members

good man, so how i install it?

 

  • Like 1

Share this review


Link to review
RasgaNinja

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

+rep

Share this review


Link to review
Joshua

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

would 10/10 but can only 5/5

Share this review


Link to review
ragempdev

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

mm productions +rep

Share this review


Link to review
mew

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

Beast

Share this review


Link to review