HTML, CSS, Jquery, PHP ප්‍රශ්න තියෙනවනම් එන්ඩෝ

[dakshina11]

HTML, CSS, Jquery, PHP ප්‍රශ්න තියෙනවනම් එන්ඩෝ

මචන්ලා එලකිරියට ඇවිල්ල ගොඩක් කල් උනාට වැඩකට ඇති දෙයක් කරන්න හම්බුනේ නෑ.

එක නිසා ඔන්න එළකිරි වැඩක් පටන් ගන්න යන්නේ.

ඔබ තුමන්ලාට තියෙන ඕනෙම CSS PHP Jquery HTML ප්‍රශ්නයක් මෙතන කියන්න. මම දන්නවිදිහට sup එකක් දෙන්නම්. එහෙනම් ජයවේව හැමෝටම.

ආ තව එකක් මේකේ තව website වැඩ්ඩෝ ඉන්නවනම් සෙට් වෙන්න අපේ කොල්ලොන්ට sup එකක් දෙන්න.

useful links,

[URL]http://www.w3schools.com/[/URL]
[URL]http://jquery.com/[/URL]
[URL]http://php.net/[/URL]

​

 

[miyuru4u]

mata jquery walin html attribute ekak selected unama eka color ekakui unselected unama wena color ekakui ena widihata hadala denna barida?

ea kiyanne link ekak click kalama eka highlight wennai ita passe wena link ekak click kalama eka highlight wela kalin eka normal widihata display wennai widihak

jquery walin

 

[dakshina11]

mata jquery walin html attribute ekak selected unama eka color ekakui unselected unama wena color ekakui ena widihata hadala denna barida?

ea kiyanne link ekak click kalama eka highlight wennai ita passe wena link ekak click kalama eka highlight wela kalin eka normal widihata display wennai widihak

jquery walin

karanna puluwan machan. simple wadak.

mata issella ube CSS and Jquery knowladge eka kochcharakda kiyala kiyanndo.

1. mulinma css styling tika liyala buttons tika ready karaganna.
2. ita passe button eka select unama thiyenna one widiha thawa class ekaka liyanna.
3. dan jquery eke items tika (buttons tika select karala )
.addClass() saha


.removeClass()

yoda ganimin wade kara ganna.

$(".yourelement").click(function(){
//your code here
});

therune nathnam kiyanna thawa pahadili karannam

 

[miyuru4u]

----------------------------
document.onclick = function(evt) {
var el = window.event? event.srcElement : evt.target;
if (el && el.className == "unselected") {
el.className = "selected";
var siblings = el.parentNode.childNodes;
for (var i = 0, l = siblings.length; i < l; i++) {
var sib = siblings;
if (sib != el && sib.className == "selected")
sib.className = "unselected";
}
}
}
------------------------
<style>
.selected { background: #f00; }
.unselected { background: #F2F2F2; }
</style>

me tiyenne mama liyapu eka... meka select kalama color eka wenas wenawa.. eth wena ekak select kalahama dekema colors change wenawa misak parana eke color eka unselected ekata wenas wenne na... meka tikak hadala dipanko bun

 

[dakshina11]

----------------------------
me tiyenne mama liyapu eka... meka select kalama color eka wenas wenawa.. eth wena ekak select kalahama dekema colors change wenawa misak parana eke color eka unselected ekata wenas wenne na... meka tikak hadala dipanko bun

machan nikan ma javascript use karanna epa. framework ekakata purudu wenndo.

me thiyenne head eke yanna one code eka

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

    $("#btns li").click(function(){
        $(this).parent().find('li').removeClass('selected');
        $(this).addClass('selected');    
    });
    
});
</script>

<style type="text/css">
*{
    margin:0;
    padding:0;
}

#btns{
    display:block;
}

#btns li{
    display:inline-block;
    list-style-type:none;
    background-color:#F2F2F2;    
}

#btns li a{
    display:block;
    padding:10px;
    text-decoration:none;
    color:#000;
    border:1px #000 solid;
}

.selected { background-color: #f00 !important; }
</style>

me thiyenne body eke yanna one code eka

<ul id="btns">
    <li class="selected"><a href="#">BT 1</a></li>
    <li><a href="#">BT 2</a></li>
    <li><a href="#">BT 3</a></li>
    <li><a href="#">BT 4</a></li>
    <li><a href="#">BT 5</a></li>
</ul>

source file attached

 

[dakshinasd]

වැදගත්... දිගටම කරගෙන යන්න...

 

[dakshina11]

වැදගත්... දිගටම කරගෙන යන්න...

thanks machan

 

[vidura99]

maxxa dial ekak ne. Keep this up bro

 

[WwW.lk]

keep it up machan

 

[dakshina11]

maxxa dial ekak ne. Keep this up bro

keep it up machan

isthuthi wewa.

 

[Huzain]

nice work machn... mamath web karanawa e unata thama basic ... wadi diunu karaganna one machan

 

[dakshina11]

nice work machn... mamath web karanawa e unata thama basic ... wadi diunu karaganna one machan

ela machan danaganna dewal thiyenawanam ahapan. im always there to help you guys.

 

[vidura99]

mata kiyannako bro Google AJAX translator eka site ekata add kara ganna widiya

 

[miyuru4u]

thanks machan for ur help...i am ading this to the site

 

[dakshina11]

mata kiyannako bro Google AJAX translator eka site ekata add kara ganna widiya

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en'
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

menna machan code eka.

for more info http://translate.google.com/translate_tools?hl=en

 

[dakshina11]

thanks machan for ur help...i am ading this to the site

nice to here that machan.

 

[gceal]

elzz

 

[smother]

good one

 

[Ayeshlive]

honda wadak. Drupal gana prashna thiyenawanam matath udaw karanna puluwan.

 

[tharindudoo]

Machan godak vatinava uba karana de,digatama thread eka update karanna,
issarahata matath udaw oona veyi machan,danma nam naha echcharama danne,

suba pathum!