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 6
  • Mask 2
  • Confused 1
 Share


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

   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

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

good man, so how i install it?

 

  • Like 1
Link to review
mew

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

Beast

Link to review
Joshua

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

would 10/10 but can only 5/5

Link to review
ragempdev

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

mm productions +rep

Link to review
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 review
Guest Tim

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

Sehr cool

Link to review
matical

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

Looks great!

Link to review
×
×
  • Create New...