Javascript讓DEDECMS告別手寫Tag
更新時間：2014年09月01日 09:33:14 投稿：hebedich
dedecms在編輯修改內(nèi)容時,TAG標(biāo)簽需要手動輸,中文的Tag, 中間還得用半角字符','分隔, 輸入法切來切去很不方便, 于是動手改后臺代碼, 利用后臺的tags_main.php, 讓dedecms添加內(nèi)容時能去tags_main里去選擇.
1。 打開\dede\templets\album_add.htm文件， 在頂部head中的js script區(qū)增加js方法.
function setag(){
var tagg=window.showModalDialog("tags_main.php","tag","dialogWidth=800px;dialogHeight=600px");
if(typeof(tagg) != 'undefined') document.form1.tags.value=tagg;
}
2. 在Tag標(biāo)簽輸入的td里, 添加
<input type="button" onclick="setag()" value="選擇" style="width:70px;cursor:pointer;" />
一個按鈕.
3. 改造\dede\templets\tags_main.php文件. 在頂部head中js script區(qū)增加以下js代碼.
//選擇關(guān)鍵字
var tag="";
function selectTag(str)
{
tag=tag+","+str;
if (tag.substr(0,1)==',') tag=tag.substr(1);
$("#selecttag").val(tag);
}
function selectTagOK()
{
window.returnValue= $("#selecttag").val();
window.close();
}
4. 在body任意位置增加以下html, PS:你想顯示的地方.
<div style="padding-left:20px;border:1px">所選TAG: <input type='text' id='selecttag' name='selecttag' size='80'/><input type="button" onClick="selectTagOK()" value="確定選擇"/> </div>
5. 找到Tag列表中的
<a href="../tags.php?/<?php echo urlencode($fields['tag']); ?>/" target="_blank">{dede:field.tag /}</a>
將它修改成:
<a href="../tags.php?/<?php echo urlencode($fields['tag']); ?>/" target="_blank">{dede:field.tag /}</a>
<a href="#" onclick="selectTag('{dede:field.tag /}')">[選擇]</a>
使用幫助:
修改頁可參照add頁進行js代碼添加.
相關(guān)文章
json對象和formData相互轉(zhuǎn)換的方式詳解
我們有兩種常見的傳參方式： JSON 對象格式和 formData 格式，但是一些場景是需要我們對這兩種數(shù)據(jù)格式進行轉(zhuǎn)換的，這篇文章主要介紹了json對象和formData相互轉(zhuǎn)換的方式詳解,需要的朋友可以參考下2023-02-02
2013-07-07
bootstrap fileinput 插件使用項目總結(jié)(經(jīng)驗)
這篇文章主要介紹了bootstrap fileinput 插件使用項目總結(jié),是小編日常碰到的問題及解決方法，需要的朋友可以參考下2017-02-02
JavaScript架構(gòu)前端監(jiān)控搭建過程步驟
這篇文章主要為大家介紹了JavaScript架構(gòu)前端監(jiān)控搭建過程步驟，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
這兩天看書看到了函數(shù)式編程那節(jié)，感覺學(xué)到了挺多東西，之前看別人代碼都寫的挺漂亮，現(xiàn)在我寫的代碼是有點亂，所以還是要學(xué)習(xí)下別人的編程模式2017-03-03
javascript 函數(shù)聲明與函數(shù)表達式的區(qū)別介紹
javascript中的函數(shù)聲明與函數(shù)表達式使用比較頻繁，可能很多的朋友都不知道他們之間的區(qū)別，在此為大家詳細介紹下，希望對大家有所幫助2013-10-10
用js判斷一個元素是否為另一個元素的子元素，再做一些效果的時候經(jīng)常用到，特別是和鼠標(biāo)事件相關(guān)的應(yīng)用中，比如一個浮層，在鼠標(biāo)操作浮層內(nèi)元素的時候浮層顯示，當(dāng)點擊浮層外的元素的時候隱藏浮層2012-03-03
這篇文章主要介紹了基于JavaScript實現(xiàn)的快速排序算法,分析了快速排序的原理并結(jié)合實例形式給出了javascript快速排序的操作步驟與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-04-04
JS學(xué)習(xí)筆記之原型鏈和利用原型實現(xiàn)繼承詳解
這篇文章主要介紹了JS學(xué)習(xí)筆記之原型鏈和利用原型實現(xiàn)繼承,結(jié)合實例形式詳細分析了javascript原型鏈以及利用原型實現(xiàn)繼承的相關(guān)操作技巧與注意事項,需要的朋友可以參考下2019-05-05
這篇文章主要為大家詳細介紹了JS+HTML+CSS實現(xiàn)輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11