1

私は投票/ポーリングシステムを作成しようとしていますが、掘り下げる前に自分のアイデアが可能であることを確認したいと思います。Colorboxの例が「ポップアップ」ウィンドウ/ディスプレイでどのように表示され、機能するかが本当に気に入っています。また、投票結果を表示するためのこのjqBarGraphプラグインにも非常に興味があります。ユーザーが投票したときにやりたいのは、カラーボックスの「ポップアップ」が表示され、アニメーションの棒グラフが内部に表示されるようにすることです。私が見たjqBarGraphの例では、「グラフ」が<div>タグまたは他の要素に接続されているため、これがどのように実装されるかはわかりません。カラーボックスでインラインHTMLを設定できることは知っているので<div>、それを使用して要素を設定し、jqBarGraphで使用する必要があるかもしれません。

だから私の質問は:1)カラーボックスを初期化するときにjavascriptを実行する(多分onOpen:function(){?)そして2)カラーボックスポップアップ内にjqBarGraphのインスタンスを表示する(簡単な?)方法はありますか?

これが私の(疑似)コード例で、これが機能していると私がどのように見ているかを示しています。

//This would happen in my bntVote click event?
$(".btnVote").colorbox({width:"50%",
                        inline:true, 
                        href:"#myGraph",
                        function(){ 
                                    var arrayOfData = new Array(
                                             [[75],'voter 1'],
                                             [[25],'voter 2']); 
                                    $('#myGraph').jqBarGraph({ data: arrayOfData });

                         }});

<div id="myGraph" style="display:none;"></div>

jqBarGraphのjavascriptを実行したい私のコードサンプルの上記のfunction()のアイデアは、ここから来ました。他の提案も受け付けています。これら2つのプラグインは非常に洗練されており、一緒に実装できるようにしたいと思っています。

また、その価値のために、私はVB.NET(.NET 3.5)とVS2010を使用しています。

よろしくお願いします!

4

1 に答える 1

2

必要なものはすべて揃っていると思います。Colorboxはインラインコンテンツの使用をサポートしているため、グラフdivがそこに移動します。また、Colorboxが開いたときに初期化を行う必要がある場合は、onOpen関数でそれを指定できます。

于 2011-06-22T19:25:57.203 に答える