Jump to content
RAGE Multiplayer Community

Interactive Phone for CEF 0.0.0

   (10 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 2
  • 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

HankSteiner

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

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

good man, so how i install it?

 

  • Like 1
Link to comment
mew

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

Beast

Link to comment
Joshua

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

would 10/10 but can only 5/5

Link to comment
ragempdev

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

mm productions +rep

Link to comment
BapfelSlin

   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 comment
Guest Tim

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

Sehr cool

Link to comment
matical

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

Looks great!

Link to comment
×
×
  • Create New...