window.openでクリックをした順にずらして表示をする方法を教えていただけないでしょうか？

Question

<table>
    <tr>
        <th>時間</th>
        <th>名前</th>
        <th>コメント</th>
    </tr>
    {{range $i, $v := .all_data}} //DBのall_dataテーブルから全てを取り出す。iは0からのインデックス、vは一つのレコードになります
    <tr>
        <td>{{$v.Create_time}}</td> //時間のカラムデータ
        <td>{{$v.Name}}</td> //名前のカラムデータ
        <td ><a href={{$v.Url}} onclick="
            window.open('{{$v.Url}}','_blank','width=900,height=90,top=0,left=0');
            return false;">{{$v.Comment}}</a></td> //URLのカラムデータとコメントのカラムデータ
    </tr>
    {{end}}
</table>

javascriptの問題なのでフレームワークはいずれでも関係はないかもしれないのですがgo言語のginです

<td>{{$v.Comment}}</td>の行をクリックした時に別ウインドウでリンクが開くのですがこれをクリックした順番に上と左を5pxずつ増やすにはどのようにすれば良いのでしょうか？ 最初にクリックした行のリンクはtop=0,left=0で開き、次にクリックをした行のリンクはtop=5,left=5で開き・・・と言ったようにしたいです $iでインデックスが取れるので$i*5をtopとleftに足していけば上の行から順番に5ずつずらしていく事はできるのですが、そうではなくクリックをした順番に5pxずつずらすようにしたいです

Comments

[m.ts10806]

＞フレームワークはいずれでも関係はないかもしれない

でしたら念のため、ブラウザに表示されたHTMLをご提示ください。
依存しないものであれば静的HTMLでも確認できるので、テンプレートエンジンの記述でない方が多くの回答をのぞめるし、JavaScriptタグしかつけないのでしたらフレームワーク要素は排除すべきと思います

Answer 1

<script>var count = 0;</script><table><!-- 後略 -->

var px = 5 * count++;
window.open('{{$v.Url}}','_blank','width=900,height=90,top=' + px + ',left=' + px );

Comments

[Palo_Punte]

ご回答ありがとうございます
window.open('{{$v.Url}}','_blank','width=900,height=90,top=0,left=0 );
は今はhtmlのtdの中に書いているのですがjvascriptとして別に書くという事なのでしょうか？
var px = 5 * count++;もなのですがどこに書けばいいのかがよくわからないので教えていただけないでしょうか？

[kei344]

提示されたコードをそのまま置き換えるように書いたつもりですが、どう試されましたか。

[Palo_Punte]

var px = 5 * count++;
もonclickの中に入れて見た所ちゃんと動作ができました
お手数をおかけしてしまい申し訳ありませんでした
ありがとうございます