حل شده

رنگ کردن جدول با سلکتورهای جی کوئری

بازدید 62.4k پست ها 1 آخرین فعالیت 4 سال پیش
0
0

سلام خسته نباشین
میشه یه نگاه به کد زیر بندازین

<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 رنگ بشه
ولی میخوام سلکتورهاش رو با جی کوئری بنویسم

1 پاسخ

0

سلام

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

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.