問題タブ [yui3]

親ulがDragdropのノードとして委任されたリスト項目がいくつかありますが、これはそれ自体で正常に機能します。ドラッグ、ドロップします。

Droptargetには、mouseenter / LeaveイベントをサブスクライブするDOMに相当するノードがあります（可能/効果がある場合は、まだその動作をコンテナーに委任していません）。これも正常に機能し、各要素に出入りするときにmousenter/leaveイベントが発生します。

ただし、問題は、ドラッグ操作の最中に、Droptargetをドラッグするときです。これは私が狙うべき正しい場所です。私が欲しいのは、mousenter / Leaveターゲットが引き続き発砲することです（ホバーされた要素が境界線と背景を追加するため、ホバーされたものを確認できます）。

その結果、Droptargetsのノード上にノードをドラッグし、mousenter / Leaveを介してそれらのノードを（上記のように境界線で）「ハイライト」することができます。その後、ドロップできます。

繰り返しになりますが、両方とも別々に正常に機能しますが、ドラッグしている間、マウスエンター/リーブイベントは同時に発生しません。これはバブリングと関係がありますか？

上記のコードは、アプリケーションの真ん中にあるmo'のいくつかの複雑なファイルに分散していますが、上記が理解できない場合は、お知らせください。コードを貼り付けます。

ありがとう

主な編集：

Ooook。私はマークから外れていました。私は実際にこれを正しく機能させています-ほぼ正確に私が望む方法です。問題は...ドラッグ中にホバーされているノードが、親ドキュメントの左上から何らかの形で配置されていることです。一言で言えば、私はiframeでdomに相当するノードを扱っています。これらはすべて、親DOMのDragオブジェクトのDropターゲットとして設定されています。iframe上でドラッグすると、iframeドロップターゲットが非常に奇妙に配置されているように見えます。

こちらもサンプルページです：http：//codefinger.co.nz/projects/fpx/mod/project/dd_test_1.html

何が起こっているのかをかなり明確に示しています-ドラッグをドロップするノードの2つのセットがあります-1つはiframeのセット（左）、もう1つは親DOMのdivのセット（右）です。親DOM内のものは正常に機能しますが、当然、iframe内のものは奇妙な位置を示します。ポジショニングの奇妙さを確認するには、「ウィジェット」リストアイテムの1つをドラッグします...ウィジェットリストアイテムのリスト：P iframeノードが強調表示され、ウィジェットをドロップすると、iframeノードのコンテンツが設定されます。意図した通り。

奇妙な。

したがって、この質問は次のようになります。

iframe内のこれらのノードをこのように配置するために、ここで何を間違えましたか？ノードがプロキシとして親DOMに複製されているのでしょうか、それとも他の何かでしょうか。

私のHTMLには次のようなものがあります

JavaScriptファイルで、関数「delete」を次のように定義します。

問題は、「el」オブジェクト（通常のJavaScriptオブジェクト）をYUI 3のノードに変換して、YUI3の機能をより便利に使用できるようにすることです。そして、私はそれを行う方法がわかりません。

解決策は何ですか？

ブラウザにプレースホルダ テキストを実装する JavaScript を書いています。

次のスタイル ルールを使用して、Chrome 9 と Fx 4b11 でプレースホルダー テキストのスタイルを設定しました。

ここで、これらの規則を理解していないブラウザーのスタイルシートから JavaScript にこのデータを取得させて、プレースホルダー テキストを手動でスタイル設定できるようにします。

YUI3でそれを行う方法を知っている人はいますか? 私は試した：

残念ながら、これは「未定義: どのノードにもバインドされていません { _query="input::-webkit-input-placeholder", _nodes=}」を返すだけです。

どうすればこれができるか知っている人はいますか？それとも可能なら？

yui3 の要素の幅 (ピクセル単位) をどのように計算しますか? おそらくdivにCSS幅が設定されていないため、正しい結果が返されませんでした.getComputedStyle("width")。.get('offsetWidth')

YUI3 スクリプトを作成して、要素の高さを X ピクセル増やしたいと考えています。

最善の方法は何ですか?

「ノード」モジュールを使用し、高さを node.getStyle("height"); として読み取るとします。

FF3 の結果は文字列 "100px" を示しますが、IE8 では空白です。:(

助けてください。

yui3のio-upload-iframeを使用して、ファイルのアップロードと一緒にフォームデータを送信できますか？通常フォームデータをシリアル化するのと同じように、フォームのIDを設定していますが、設定upload : trueしているため、リクエストでフォームデータが渡されないようです。これが私が使用しているコードです。

YUIサンドボックスは好きですが、問題があります。初期化スクリプトを使用したiframe（たとえば、私が含めたckedior）を含むドキュメントについて考えてみます。常に外部ドキュメントのセクションの前に実行されます（理由はわかりません）。

そして、親ドキュメントのYUIサンドボックスで初期化される関数を呼び出す必要があります。ただし、実行はiframeで開始されるため、初期化することはできません。

yuiサンドボックスがなければ、親ドキュメントで関数を宣言しただけで、iframeで実行を開始するのが難しい場合でも、グローバル関数が存在し、iframeから呼び出すことができます。

YUI3を使用していくつかのHTMLを読み込んでいます。これは次のようになります。

とを使用してみまし.get('offsetHeight')た.getComputedStyle('height')が、どちらもdivタグとparagraphタグの高さのみを返し、画像の高さは考慮していません。そのため、画像の高さは150ピクセルですが、73ピクセルが返されます。

要素にCSSで設定されていない場合に、nodeListの幅と高さを取得するための最良の方法は何ですか？

助けてくれてありがとう。

私のページから YUI3 に JavaScript コードを移植したいと思います。ここにある多くの投稿 (質問と回答) と、YUI3 ページとチュートリアルの多くの情報を読んだ後、スクリプトを動的にロードできるため、コードをモジュールに分割するのが最善の方法であるという結論に達しました。必要なときだけ。

コードをさまざまなサブモジュールにまとめて、コア モジュールによって (必要に応じて) ロードおよび管理したいと考えています。

それらを動的にロードする方法を理解したと思いますが、現在の問題は、モジュール内とモジュール間でパブリックメソッドを常に呼び出すことができないことです。うまくいくこともありますが、メッセージが表示されることもありますxxx is not a function。

MyAppおそらく問題は、グローバル名前空間 (たとえば) を設定し、その名前空間内で「再生」する方法がわからないことです。

次の方法でメソッドを呼び出せるようにしたいと思います: MyApp.Tabs.detectTabs()... メイン モジュール ( MyApp.Core) と同じサブモジュール ( ) の両方のメソッドからMyApp.Tabs。

これが私のコードの構造です：

インライン JavaScript:

モジュール: コア
ファイル: http://www.myapp.com/scripts/Core.js

サブモジュール: タブ
ファイル: http://www.myapp.com/scripts/Tabs.js

グローバル変数、ネームスペースはどこで定義すればよいですか? 関数をどのように呼び出す必要がありますか?

前もって感謝します！

-- オリオール --