Javascript讓DEDECMS告別手寫(xiě)Tag
更新時(shí)間：2014年09月01日 09:33:14 投稿：hebedich
dedecms在編輯修改內(nèi)容時(shí),TAG標(biāo)簽需要手動(dòng)輸,中文的Tag, 中間還得用半角字符','分隔, 輸入法切來(lái)切去很不方便, 于是動(dòng)手改后臺(tái)代碼, 利用后臺(tái)的tags_main.php, 讓dedecms添加內(nèi)容時(shí)能去tags_main里去選擇.
1。 打開(kāi)\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;" />
一個(gè)按鈕.
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>
使用幫助:
修改頁(yè)可參照add頁(yè)進(jìn)行js代碼添加.
相關(guān)文章
json對(duì)象和formData相互轉(zhuǎn)換的方式詳解
我們有兩種常見(jiàn)的傳參方式： JSON 對(duì)象格式和 formData 格式，但是一些場(chǎng)景是需要我們對(duì)這兩種數(shù)據(jù)格式進(jìn)行轉(zhuǎn)換的，這篇文章主要介紹了json對(duì)象和formData相互轉(zhuǎn)換的方式詳解,需要的朋友可以參考下2023-02-02
2013-07-07
bootstrap fileinput 插件使用項(xiàng)目總結(jié)(經(jīng)驗(yàn))
這篇文章主要介紹了bootstrap fileinput 插件使用項(xiàng)目總結(jié),是小編日常碰到的問(wèn)題及解決方法，需要的朋友可以參考下2017-02-02
JavaScript架構(gòu)前端監(jiān)控搭建過(guò)程步驟
這篇文章主要為大家介紹了JavaScript架構(gòu)前端監(jiān)控搭建過(guò)程步驟，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
這兩天看書(shū)看到了函數(shù)式編程那節(jié)，感覺(jué)學(xué)到了挺多東西，之前看別人代碼都寫(xiě)的挺漂亮，現(xiàn)在我寫(xiě)的代碼是有點(diǎn)亂，所以還是要學(xué)習(xí)下別人的編程模式2017-03-03
javascript 函數(shù)聲明與函數(shù)表達(dá)式的區(qū)別介紹
javascript中的函數(shù)聲明與函數(shù)表達(dá)式使用比較頻繁，可能很多的朋友都不知道他們之間的區(qū)別，在此為大家詳細(xì)介紹下，希望對(duì)大家有所幫助2013-10-10
js判斷一個(gè)元素是否為另一個(gè)元素的子元素的代碼
用js判斷一個(gè)元素是否為另一個(gè)元素的子元素，再做一些效果的時(shí)候經(jīng)常用到，特別是和鼠標(biāo)事件相關(guān)的應(yīng)用中，比如一個(gè)浮層，在鼠標(biāo)操作浮層內(nèi)元素的時(shí)候浮層顯示，當(dāng)點(diǎn)擊浮層外的元素的時(shí)候隱藏浮層2012-03-03
基于JavaScript實(shí)現(xiàn)的快速排序算法分析
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)的快速排序算法,分析了快速排序的原理并結(jié)合實(shí)例形式給出了javascript快速排序的操作步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04
JS學(xué)習(xí)筆記之原型鏈和利用原型實(shí)現(xiàn)繼承詳解
這篇文章主要介紹了JS學(xué)習(xí)筆記之原型鏈和利用原型實(shí)現(xiàn)繼承,結(jié)合實(shí)例形式詳細(xì)分析了javascript原型鏈以及利用原型實(shí)現(xiàn)繼承的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2019-05-05
這篇文章主要為大家詳細(xì)介紹了JS+HTML+CSS實(shí)現(xiàn)輪播效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11