jquery url öffnen im popup-Fenster mit Höhe + Gewicht und übergeben Sie einen Parameter, um es

Ich versuche zu laden, auf Klick ein div-Element eine url aber in einem neuen Fenster mit bestimmten Größen. Zum Beispiel hätte ich

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

und

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

Dann die Idee ein neues Fenster-Popups ( nicht modal ) mit Größen wie 300x400px.
Der Benutzername übergeben werden sollen, in diesem Fenster, und ich möchte in der Lage sein, etwas zu tun mit es in meiner web-Anwendung. Jquery braucht nur zu rufen, so etwas wie /chatwindow/?user=rob

Was wäre ein guter Weg, um diesen Ansatz?

InformationsquelleAutor Rubytastic | 2012-06-28

  1. 3

    Ok, versuchen Sie diese

    <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>

    InformationsquelleAutor feralou

  2. 2

    versuchen, diese 

    <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>

    InformationsquelleAutor COLD TOLD

  3. 2

    Probieren Sie etwas wie dieses:

    <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>

    Oder diese

    <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>

    Oder diese

    <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!!! das ist fast, aber die 1 JS-Skript ist zur Erleichterung der mehrere divs, So gib den Benutzernamen aus einem element wie id="alex" und verwenden, und übergeben Sie, dann wäre es genau wie die Frage
    Ok dann: <div id="mydiv-alex" class="mydiv"> Alex klicken Sie auf dieses div </div> <div id="mydiv-jonh" class="mydiv"> Jonh klicken Sie auf dieses div </div> <script> $('.mydiv').klicken Sie auf(Funktion(){ window.open(' /chatwindow/?user='+$(this).attr('id').replace('mydiv-',"), '_blank', 'width=300,height=400'); return false; }); </script>

    InformationsquelleAutor feralou

  4. 0

    http://www.jquerybyexample.net/2012/05/open-link-in-new-tab-or-new-popup.html

    $(document).ready(function() {
$('A.BLAH').click(function() {
var NWin = window.open($(this).prop('href'), '', 'height=600,width=1000');
if (window.focus)
{
NWin.focus();
}
return false;
});
});

    InformationsquelleAutor computerguy

Schreibe einen Kommentar