سوال: رنگ کردن جدول با سلکتورهای جی کوئری
#1
سلام خسته نباشین
میشه یه نگاه به کد زیر بندازین
کد:
<form>

سطر:<input type="number" min="1" max="8" step="1" id="rows" />

ستون:<input type="number" min="1" max="8" step="1" id="Columns" />

<input type="color" id="color" onclick="myfunction()"/>
</form>
<table border="1" width="80%">
<tr>
<td>1</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>

<tr>
<td>2</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>

<tr>
<td>3</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
<tr>
<td>4</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
<tr>
<td>5</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
<tr>
<td>6</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
<tr>
<td>7</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>

<tr>
<td>8</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
</table>
کد:
<script src="jquery.min.js" type="text/javascript"></script>

   <script>

       function myfunction() {
           var a = document.getElementById('#rows').value;
           var b = document.getElementById('#Columns').value;
           var c = document.getElementById('#color').value;
           $('tr' + a).eq(0).css('background-color', c);
         
       }
   </script>

ببخشین من میخوام یه تابع بنویسم برای input=color میخوام وقتی روی اون کلیک میکنم سطر 5 ستون 6 رنگ بشه
ولی میخوام سلکتورهاش رو با جی کوئری بنویسم

پاسخ
#2
سلام

کدی که گذاشتین کار نمیکنه ، برای کاری که شما میخواید میتونید از jscolor استفاده کنید .
سایت اصلی
مثال های آماده

Heart  سلامتی همه ی وبمسترهای سرباز  Heart
پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

کاربرانِ درحال بازدید از این موضوع:   1 مهمان