我在Joomla 3創建一個組件,我需要一個像模板標誌uploder(顯示燈箱彈出和圖像選擇)的組件的圖像uploder。我不konw怎麼做,如果有人知道它joomla需要的文件uploder 3模塊徽標uploder
0
A
回答
0
以下地址將目前認爲從媒體管理器中選擇圖像
http://yourdomain/administrator/index.php?option=com_media&view=images&tmpl=component&e_name=jform_articletext&asset=com_content&author=
這樣你就可以在任何光線框彈出實施
打開它那請回復曾經的「插入」選擇按鈕打開它必須包括一個
function jInsertEditorText(text, editor){....}
此功能的頁面將被調用。
我將使用joomla3中默認提供的所有功能提供此實現的簡單示例。
在你的組件你可以使用下面的代碼包含一個按鈕,顯示bootstarp的模態窗口的頁面(http://getbootstrap.com/2.3.2/javascript.html#modals)
<a href="#myModal" role="button" style="position:fixed;top:50px"class="btn" data-toggle="modal">show popup</a>
(請不要太注意style屬性因爲它是有用於測試目的)
如果你只是想從控制檯或JS做到這一點,你可以做
jQuery("body").append('<a href="#myModal" role="button" style="position:fixed;top:50px"class="btn" data-toggle="modal">show popup</a>');
則可以增加與我上面提到的URL的iframe(相同的方法,接着的Joomla當你推在文章編輯「圖像」)
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><iframe id="choose-image" src="http://joomla31.cloudaccess.net/administrator/index.php?option=com_media&view=images&tmpl=component&e_name=jform_articletext&asset=com_content&author="></iframe></div>
從控制檯或動態JS執行,
jQuery("body").append('<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><iframe id="choose-image" src=""></iframe></div>');
jQuery('#choose-image').attr("src","http://joomla31.cloudaccess.net/administrator/index.php?option=com_media&view=images&tmpl=component&e_name=jform_articletext&asset=com_content&author=");
然後,您可以在頁面中提供jInsertEditorText(文本,編輯器){....}函數,並在彈出窗口上選擇圖像後處理插入操作。 或者乾脆提供了插入按鈕 嘗試調用自定義處理以下從控制檯或腳本代碼
Query("iframe#choose-image").load(function(){jQuery("#choose-image").contents().find(".btn.btn-primary:contains('Insert')").attr("onclick","").click(function(){alert(jQuery("#choose-image").contents().find("#f_url").val());});});
它基本上刪除默認的onclick腳本,並通過展示上所選擇的圖像路徑增加點擊自定義處理警報對話框。
相關問題
- 1. 與Carrierwave測試模型uploder
- 2. Android文件選擇器和文件Uploder
- 3. 如何允許uploder其他文件類型
- 4. 在通過asp.net中的文件uploder進行uploding之前打開文件
- 5. Valums文件uploder插件每次顯示上傳失敗的消息
- 6. Joomla - 需要重疊的模塊
- 7. Joomla 3中的鏈接模塊標題
- 8. 需要重疊圖像滑塊的標題徽標
- 9. Joomla 3!模塊參數
- 10. Joomla 3模塊保存事件
- 11. 需要模塊內的文件?
- 12. 我需要的Joomla
- 13. joomla 1.5中哪些文件夾和文件需要777模式?
- 14. 需要幫助Joomla組件
- 15. 的Joomla 3滑塊
- 16. 如何在Joomla中需要aws_sdk文件?
- 17. Joomla 3開發客戶端記錄管理器需要哪些模塊?
- 18. joomla模塊中的文件上傳
- 19. 需要一個模塊文件並與其模塊交互?
- 20. 如何閱讀helper.php(Joomla 3)中的模塊標題?
- 21. Joomla(組件,插件,模塊?)
- 22. 建立angularjs uploder得到這個錯誤 - 未知提供商:$ uploadProvider < - $上傳
- 23. Browserify模塊內需要的模塊
- 24. Joomla 3 - Virtuemart - Virtuemar產品模塊
- 25. Joomla 3模塊重複字段
- 26. 在joomla模塊中添加JavaScript文件?
- 27. 有條件的需要一個模塊
- 28. Joomla滾動文本模塊
- 29. 上下文模塊 - Joomla 2.5
- 30. 需要幫助爲Joomla模塊創建動態參數選項
嗨,謝謝melc。抱歉你能否清楚解釋它..還需要相同的預覽取消按鈕。如何在窗體中顯示?而不是使用正常的文件上傳? – karthikeyan
通過提供一步一步的示例編輯答案。請注意,在jQuery加載iframe之後,您可以以任何想要的方式修改整個視圖,即刪除/隱藏字段,更改標題等 – melc