問題タブ [fluid]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - CSSで流動的な境界線を作成することは可能ですか? 三角形を描いていて、ページの幅 50%、高さ 50% を占めるようにしたいと考えています。
これが三角形を作るために私が使っているものです
理想的には、 border-top: 50% height と border-right:50% width が必要ですが、それは存在しません..これを行う方法はありますか? それとも、ベクター三角形の画像を使用して、サイズを 50%、50% に変更したほうがよいでしょうか?
css - 2列のdivレイアウト:右の列の固定幅、左の流体、相互の高さ
2列、2 divのレイアウトが必要です。左側は流動的な幅で、右側は固定幅です。これまでのところ良好です(以下のjsfiddleを参照してください)。ただし、右側の列の高さは、左側の列の高さに関連している必要があります。そのため、流動的な列にコンテンツがあり、ブラウザウィンドウのサイズを変更して、左側の列の高さを増減する場合、右側の列がそれに続き、同じ高さになるようにします。
私がこれまでに得たもの:http://jsfiddle.net/henrikandersson/vnUdc/2/
編集:解決済み、以下のコメントを参照
jquery - TYPO3 extbase - jquery への流体変数
コントローラーから jQuery または JavaScript に流動変数を渡すにはどうすればよいでしょうか?
私のコントローラー内:
fluid 内では変数を {tab} として使用しますが、どうすれば JavaScript に渡すことができますか? どんな助けでも大歓迎です...
css - 画像 CSS のスタッキング
画像を簡単に重ねることができることは知っていますが、流動的な画像を維持しながらこれを達成できるかどうか疑問に思いましたか? position 属性を使用するとすぐに、幅を指定する必要があります。その後、画像はブラウザでサイズ変更されません。
助けてくれてありがとう。
ジョー
css - ビューポートの上部に固定するために、固定div内の流体幅divを中央に配置します
わかりました。ページの中央に50%の幅のdivが必要なページをデザインしています。問題ありません。また、画面の上部に50%幅のヘッダーが必要です。問題ありません。最後に、そのヘッダーを固定divに入れて、スクロールしたときに画面の上部に表示されるようにする必要があります。ここで問題が発生します。どんなに頑張っても、その上部のdivを取得できないようです。おそらくそれは流動的な幅であり、ピクセルマージンを実際に指定できないために中央に配置されますか?
これが私が取り組んできたコードです(今のところ物事をシンプルに保ちます)...
そして私のCSS....。
だから私はメインラッパーを100%幅と高さでたくさん取っています、左上、右上、左と右のdivはメインdiv内にあり、ボックスの側面を繰り返していますが、上部は私が立ち往生している場所です。
私が投稿したコードは実際に機能しますが、非常に複雑な回避策であることがわかるように、ほとんどのマージンは私の側面の画像の寸法に関係していますが、#top-8pxがそれを回避するための唯一の方法です-そこにより簡単な方法である必要がありますか?!
助けてくれてありがとう:)
入力に感謝します-コードのフォーマットについて申し訳ありませんが、CSSの前に4つのスペースを入れましたが、行ではなくリストでそれが好きだと思います-申し訳ありませんが、古い習慣....!
トップラッパーに左右25%、上部に幅100%、マージン-120pxを配置することで、ある程度機能するようになりました。画像の幅は112pxです)元のコード(-8pxのマージン左)にも見られるように、どこかで8pxを追加しました。それが方程式にどのように含まれるかについて非常に混乱しています....しかし、それは機能しています!
私はそのフィドルを見ていきますが、私がよく知っているものではないので、何か新しいことを学ぶのを楽しみにしています:)
皆さんの助けに感謝します:)
typo3 - TYPO3流体テンプレートは言語コードを取得します
TYPO3Fluidテンプレートで現在の言語キー(またはコード)を取得することは可能ですか?
それまでの間、ここにあるビューヘルパーを使用して別の解決策を見つけました:
これを流体テンプレートで次のように使用します。
ajax - TYPO3 Extbase Extension で AJAX 呼び出しを取得するには?
私はこれを行うのに苦労しています.いくつかのマニュアルを探していましたが、うまくいかないようです.
したがって、何らかのイベントによって Fluid View HTML ファイルから AJAX 呼び出しを開始したい場合は、コントローラーでアクションを実行し、値を返す必要があります (現時点ではどの値でも問題ありません。取得できないようですExtbase の AJAX に関しては、ここで機能するものは何でも)。
date - TYPO3: Fluid-if で 2 つのタイムスタンプを比較する
正しい書き方はわかりませんが、これは私が使用したインライン表記であり、チェックすると正しいようですが、常に大きいと表示されます。
{f:if(condition: '{timestamp} > {f:format.date(date:{timestampsinloop}, format:"U")}', then: 'Too late')}
ajax - Extbase AJAX 呼び出しは一部のアクションでのみ機能します
機能する AJAX 呼び出しを取得できましたが、新しく作成したアクションではなく、既に作成したアクションでは機能しません。
私のタイポスクリプトは次のようになります。
私の AJAX 呼び出しは次のようになります。
私のajaxAction:
私のAjax.html(表示/出力):
このアクションは Ajax 出力用に作成しました。ただし、他のコントローラーとアクションの組み合わせを使用すると、機能します! 新しいアクションで何が間違っていた可能性がありますか?
typo3 - 私の拡張機能がウムラウトをレンダリングしないのはなぜですか?
Webサイトにダウンロードを表示する拡張機能に取り組んでいます。GitHubで、現在の完全なソースを表示できます。
私のコントローラーにこのコードがあるとすると:
ここで、ダウンロードのラベルを設定します。悲しいことに、後でレンダリングされたときに、$linkName
ウムラウトが含まれている場合、結果は空白になります(ウムラウトは私のテスト対象であり、実際の範囲は不明です)。
デバッグの目的で、そのセクションを次のように拡張しました。
結果として得られる出力は次のとおりです 。3番目のフラッシュメッセージはレンダリングされないことに注意してください。
しかし、ウムラウトがレンダリングされないわけではありません。たとえば、これは私がデバッグしているレコードです。
リンクフィールド(画像アイコンと31.06KBの間)は空白ですが、と表示されているはずText_File_Sömething.jpg
です。文字列Sömething
は、テンプレートの別の場所で完全に細かくレンダリングされます。
私のFluidテンプレートに問題がありますか?