jquery abrir la url en una ventana emergente con la altura + peso y pasar un parámetro a es

Estoy tratando de carga en el clic de un div de una url, pero en una nueva ventana con ciertos tamaños. Por ejemplo, yo tendría

<div id="mydiv>
   Roy
  click on this div
</div>

y

<div id="mydiv>
   Alex
  click on this div
</div>

A continuación, la idea es una nueva ventana emergente ( no modal ) con decir tamaños como 300x400px.
El nombre de usuario debe ser pasado a esta ventana, y quiero ser capaz de hacer algo con él en mi aplicación web. Jquery necesita llamar algo así como /la ventana de chat/?usuario=rob

Lo que sería una buena manera de acercarse a este?

InformationsquelleAutor Rubytastic | 2012-06-28

4 Kommentare

  1. 4

    Ok, prueba este

    <div id="mydiv-alex" class="mydiv">
        Alex click on this div
    </div>
    <div id="mydiv-jonh" class="mydiv">
        Jonh click on this div
    </div>
    <script>
        $('.mydiv').click(function(){
        window.open(' /chatwindow/?user='+$(this).attr('id').replace('mydiv-',''), '_blank', 'width=300,height=400');
        return false;
        });
    </script>
  2. 2

    probar este

    <div id="mydiv">
       Alex
      click on this div
    </div>
    
    
    
     <script type="text/javascript">
            var windowSizeArray = [ "width=200,height=200",
                                    "width=300,height=400,scrollbars=yes" ];
    
            $(document).ready(function(){
                $('#mydiv').click(function (event){
    
                    var url ="www.yourdomain.com/chatwindow/?user=rob";
                    var windowName = "popUp";//$(this).attr("name");
                    var windowSize = windowSizeArray[ $(this).attr("rel") ];
    
                    window.open(url, windowName, windowSize);
    
                    event.preventDefault();
    
                });
            });
        </script>
  3. 2

    Intentar algo como esto:

    <div id="mydiv">
        <span id="username">Alex</span> click on this div
    </div>
    <script>
    $('#mydiv').click(function(){
        window.open(' /chatwindow/?user='+$('#username').text(), '_blank', 'width=300,height=400');
    return false;
    });
    </script>

    O este

    <div id="mydiv">
        Alex click on this div
    </div>
    <script>
    var username = 'Alex';
    $('#mydiv').click(function(){
        window.open(' /chatwindow/?user='+username, '_blank', 'width=300,height=400');
    return false;
    });
    </script>

    O este

    <div id="mydiv">
        Alex click on this div
            <input type="hidden" name="username" value="Alex">
    </div>
    <script>
    var username = 'Alex';
    $('#mydiv').click(function(){
        window.open(' /chatwindow/?user='+$('#mydiv > input[name="username"]').val(), '_blank', 'width=300,height=400');
    return false;
    });
    </script>
    • Ok thx! que es casi la de él, pero la 1 JS script para facilitar los varios divs, por Lo que una manera de pasar el nombre de usuario de un elemento como el id=»alex» y usar eso y de paso que luego sería exactamente como pregunta
    • Ok entonces: <div id=»mydiv-alex» class=»mydiv»> Alex haga clic en este div </div> <div id=»mydiv-jonh» class=»mydiv»> Jonh haga clic en este div </div> <script> $(‘.mydiv’).click(function(){ window.open(‘ /la ventana de chat/?usuario=’+$(this).attr(‘id’).replace(‘mydiv-‘,»), ‘_blank’, ‘width=300,height=400’); return false; }); </script>

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea