۵ مطلب با کلمه‌ی کلیدی «آموزش HTML» ثبت شده است

تغییر عناصر یک DropDown با jQuery

بسم الله الرحمن الرحیم

ممکن است شما نیاز داشته باشید، برخی از عناصر یک Drop Down را با استفاده jQuery حذف و یا Hidden کنید برای این کار می توانید به صورت زیر عمل کنید:

<html>
<head>
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
</head>
<body>
    <select id="MyDropDown">
        <option value="1">Ably.ir</option>
        <option value="2">__________________ ABLY ____________</option>
        <option value="3">yahoo.com</option>
        <option value="2">google.com</option>
    </select>

    <button type="button" onclick="HiddenOptionInDropDown(2)">Hidden Secound Item</button>


    <script>  
        function HiddenOptionInDropDown(id) {
            $("#MyDropDown option").css("display", "block"); // show all hidden option
            $("#MyDropDown option[value='" + id + "']").css("display", "none"); // hidden current option
        }
    </script>
</body>

</html>

در کد بالا ما توسط یک button دومین عنصر Drop Down را مخفی می کنیم.

ادامه مطلب...

آموزش طراحی چک باکس و رادیوباتن با استفاده از CSS&HTML

بسم الله الرحمن الرحیم

با استفاده لینکهای زیر می توانید مثالهای زیبا برای طراحی چک باکس و رادیوباتن در صفحات وب را آموزش ببینید و نمونه های ایجاد شده را مشاهده کنید

مثال اول

مثال دوم

مثال سوم

طراحی یک چک باکس زیبا با Css & Html

بسم الله الرحمن الرحیم

در این آموزش یک مثال ساده از طراحی یک چک باکس زیبا برای صفحات وب آموزش خواهید دید

برای مشاهده کد و مثال لطفا اینجا کلیک کنید

انتخاب Button پیش فرض

بسم الله الرحمن الرحیم

<script type="text/javascript">
         var ButtonKeys = { "EnterKey": 13 };
         $(function() {
             $("#MainForm").keypress(function(e) {
if (e.which == ButtonKeys.EnterKey) {
var defaultButtonId = $(this).attr("defaultbutton");
                     $("#" + defaultButtonId).click();
return false;
                 }
             });
         });
</script>
<% using (Html.BeginForm("DefaultButtonTest", "Home", FormMethod.Post,
new { defaultbutton = "SubmitButton",id="MainForm" })){%>
    <%= Html.TextBox("test")%>
  <input type="submit" name="btnSubmit" id="SubmitButton" value="Submit" />
<%}%>

<form action="/Home/DefaultButtonTest" defaultbutton="SubmitButton"
id="MainForm" method="post">
<input id="test" name="test" type="text" value="" />
<input type="submit" name="btnSubmit" id="SubmitButton" value="Submit" />
<input type="submit" name="btnSubmit" id="CancelButton" value="Cancel" />
</form>

آدرس دهی در HTML

بسم الله الرحمن الرحیم

در طراحی وب و HTML ما چندین نوع روش آدرس دهی به فایل ها و مسیر ها داریم

آدرس دهی نسبی

<img src="../../Images/file.jpg" />

در این روش ما برای دسترسی به یک فایل باید مسیری را طی کنیم که مثلا برای رفتن به پوشه های بالاتر از /.. استفاده می کنیم و بدین صورت می توانیم کل وب سایت را پیمایش کنیم

آدرس دهی مطلق

<img src="http:www.EduOnline.ir/content/theme/Images/file.jpg" />

در این روش ما بر اساس ریشه اصلی و نام سایت شروع به آدرس دهی می کنیم که تکنولوژی ASP.NET , MVC نیز به همین روش در انجین های سمت View خود آدرس دهی می کنند مانند زیر

<asp:image ImageUrl="~/content/theme/Images/file.jpg" />

علامت ~ به معنای این است که باید از ریشه وب سایت جستجو برای یافتن فولدر Content انجام شود

ادامه مطلب...

آموزش برنامه نویسی

۵ مطلب با کلمه‌ی کلیدی «آموزش HTML» ثبت شده است

آدرس دهی نسبی

آدرس دهی مطلق