Jump to content

Interactive Phone for CEF 0.0.0

   (10 reviews)
GreenFanta
 Share

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 6
  • Mask 2
  • Confused 1
 Share
Previous File Vehicle Manager
Next File Basic Vehicle Sync

User Feedback

Create an account or sign in to leave a review

You need to be a member in order to leave a review

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
HankSteiner

HankSteiner 13

   14 of 16 members found this review helpful 14 / 16 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 2
Link to review
WINTER

WINTER 1

   9 of 13 members found this review helpful 9 / 13 members

good man, so how i install it?

 

  • Like 1
Link to review
mew

mew 10

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

Beast

Link to review
Joshua

Joshua 196

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

would 10/10 but can only 5/5

Link to review
ragempdev

ragempdev 1082

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

mm productions +rep

Link to review
BapfelSlin

BapfelSlin 0

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

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)

Link to review
Guest Tim

Guest Tim

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

Sehr cool

Link to review
matical

matical 4

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

Looks great!

Link to review
×
×
  • Create New...