0

He subido un archivo a un servidor de hostinger con el siguiente código:

<body bgcolor="black"></body>
<script>
  onmousedown = function(e) {
    window.postMessage(prompt("Enter your message"),location.href)
  }
  window.onpostmessage = function(e) {
    if(e.origin==location.href) {
      alert(e.data)
    }
  }
</script>

Pero el problema es que cuando presiono el mouse y escribo el mensaje, la página no me envía una alerta diciéndome "e.data".

¿Qué tengo que hacer para mejorar el archivo para que me envíe la alerta correctamente en cada ventana que tendrá que tener esa URL?

0

2 respuestas 2

0

Prueba esto (try this)

<body bgcolor="black"></body>
<script>
  onmousedown=function(e){
    window.postMessage(prompt("Enter your message"),location.href)
  }
  window.onmessage=function(e){
    if(e.origin==location.href){
      alert(e.data)
    }else{
      alert(e.origin+'!='+location.href)
    }
  }
</script>

Correciones

  • onmessage vs onpostmessage
  • else --> alert(e.origin+'!='+location.href)
9
  • That code sends me an alert when I put a message, but if I open two windows in my computer, it doesn't send me two alerts. I need to send a message to all window in my hostinger server, but thanks for your helping.
    – user15514
    Commented el 4 oct. 2016 a las 18:25
  • The postMessage function is for comunicate between iframes in the same document: otherIframe.postMessage(...). If you want to comunicate between tabs without using a backend you can use Web workers. If you want to comunicate via a back-end you can use ajax Commented el 4 oct. 2016 a las 19:08
  • How can I download a webworker? And, how can I use it?
    – user15514
    Commented el 6 oct. 2016 a las 19:53
  • Una buena explicación se puede encontrar acá: html5rocks.com/es/tutorials/workers/basics Commented el 6 oct. 2016 a las 21:28
  • Me da un error: "BlobBuilder is not defined."
    – user15514
    Commented el 7 oct. 2016 a las 19:58
0

Un par de cosas:

  1. Trata de no poner los scripts fuera del body (técnicamente no es HTML válido).
  2. No existe el evento postmessage el evento es message.

Tu código sería:

<body>
    <script>
    window.onmessage = function(e) {
      console.log(e.origin, e.data, location.href);
      if(e.origin === window.location.href) {
        alert(e.data);
      }
    }
    window.onmousedown = function() {
      window.postMessage(
        prompt("Enter your message"),
        window.location.href
      )
    }
    </script>
</body>
3
  • Se envía el mensaje, pero luego no lo recibe. This code sends the message, but after that, the html page doesn't send me an alert.
    – user15514
    Commented el 4 oct. 2016 a las 18:26
  • Are you running this in a iframe/object?. If the alert is not fired it means the window.location.href doesn't match. Try this code on JSBin and see the behaviour.
    – gugadev
    Commented el 4 oct. 2016 a las 18:29
  • 1
    The code doesn't work in jsbin, it doesn't send me any alert...
    – user15514
    Commented el 5 oct. 2016 a las 19:45

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.