Monica

سوال
فراخوانی دایرکتوری php با jQuery

4 پست در این موضوع قرار دارد

باسلام ، ی select option دارم

من میخوام با jQuery ترجیحا ajax بتونم طبق انتخاب کاربر بخش مربوطه رو نمایش بدم

کدهای منو ببینید 

// صفحه اصلی index.php
<script>
jQuery(document).ready(function($) {
  jQuery('#select123').change(function() {
    jQuery('.content123').hide();
    jQuery('#' + jQuery(this).val()).show();
  }).trigger("change");
});
</script>

<select id="select123">
  <option value="content1" selected>content1</option>

  <option value="content2">content2</option>

  <option value="content3">content3</option>
  <option value="content4">content4</option>
</select>

* توجه: میخوام وقتی صفحه بالا ران میشه text defult show بطور پیش فرض نمایش داده بشه

صفحه my-page.php

//my-page.php
<div id="content1" class="content123">
  text defult show
</div>

<div id="content2" class="content123">
  contentttttttt
</div>
<div id="content3" class="content123">
  content3
</div>
<div id="content4" class="content123">
  content4
</div>

 

0

به اشتراک گذاری این پست


لینک به پست

از کد زیر استفاده کنید

$('#select123 option:selected').val();

 

2

به اشتراک گذاری این پست


لینک به پست
در 13 ساعت قبل، lord_viper گفته است :

از کد زیر استفاده کنید


$('#select123 option:selected').val();

 

باسلام

استاد کد خودم کار میکنه ، منتها میخوام از یک صفحه دیگه php فراخوانی کنم ، بخش اول کد من در  index.php هست بخش دوم در my-page.php

نمیدونم با $.ajax چطور اینکارو کنم

0

به اشتراک گذاری این پست


لینک به پست

اگه منظور شما رو درست متوجه شده باشم کدتون به صورت زیر میشه

var option = $('#select123 option:selected').val();
jQuery.post('my-page.php',{action:'somthing',option:option},function(response){
    $('#select123').val(response);
});



//کد صفحه my-page.php

if(isset($_POST['action']) and $_POST['action'])=='somthing'){
$option = $_POST['option'];
//کدهای مورد مظر شما
echo 'content2';//ارسال خروجی
die;
}

 

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط kamalwp
      سلام 
      دوستان خیلیا میگن که باید برای طراحی قالب وردپرس از نسخه 1.12.4 استفاده کنیم ، این درسته؟ البته من نگاه کردم هرچی سایت وردپرسیه از نسخه 1.12.4 استفاده کردن
      دلیل اینکار چی هست واینکه نمیشه از تسخه بالاتر استفاده کرد
    • توسط samira127

      من یک اسلایدر زدم با jsولی نمیشه وقتی اسلاید میشه ب صورت scrollو ul  نه اسلایدی اینم کد html

      <div class="col-12 col-md-6 pb-0 pb-md-3 pt-2 pr-md-1">
                          <div id="featured" class="carousel slide carousel" data-ride="carousel">
                              ّ <div id="dots" class="carousel-indicators">
                                  <span class="dot active" data-target="#carousel-example-generic"></span>
                              </div>
                              <div id="slider">
                                  <!--Item slider-->
                                  <?php
                                  $args = array(
                                      'posts_per_page' => 5,
                                      'cat' => 10,
                                  );
                                  $query = new WP_Query($args);
                                  ?>
                                  <?php if ($query->have_posts()) : ?>
                                  <?php $i = 0; ?>
                                  <?php while ($query->have_posts()) : $query->the_post() ?>
                                  <div class="slide active">
                                      <div class="card border-0 rounded-0 text-light overflow zoom">
                                          <div class="position-relative">
                                              <!--thumbnail img-->
                                              <div class="ratio_left-cover-1 image-wrapper overflow">
                                                  <a href="<?php the_permalink(); ?>">
                                                      <?php
                                                              $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full', false);
                                                              ?>
                                                      <?php the_post_thumbnail("w-100 img-thumbnail mx-auto d-block overflow"); ?>
                                                  </a>
                                              </div>
                                              <div class="position-absolute p-2 p-lg-3 b-0 w-100 bg-shadow">
                                                  <!--title-->
                                                  <a href="<?php the_permalink(); ?>">
                                                      <h2 class="h3 post-title text-white my-1"><?php the_title(); ?></h2>
                                                  </a>
                                                  <!— meta title —>
                                                  <div class="news-meta">
                                                      <span class="news-author">by <a class="text-white font-weight-bold" href="<?php the_permalink(); ?>"><?php the_author(); ?></a></span>
                                                      <span class="news-date"><?php the_time('d‌ F‌ Y'); ?></span>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <?php endwhile ?>
                                  <?php endif ?>
                                  <?php wp_reset_postdata(); ?>
                                  <!--end item slider-->
                              </div>
                          </div>
                          <!--end carousel inner-->
                          <!--navigation-->
                          <a class="carousel-control-prev prev" href="#featured" role="button" data-slide="prev">
                              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                              <span class="sr-only">Previous</span>
                          </a>
                          <a class="carousel-control-next next" href="#featured" role="button" data-slide="next">
                              <span class="carousel-control-next-icon" aria-hidden="true"></span>
                              <span class="sr-only">Next</span>
                          </a>
                          <script type="text/javascript">
                          </script>
                      </div>

      اینم کد js

      var slide = document.getElementsByClassName('slide');
      var dot = document.getElementsByClassName('dot');
      var prev = document.querySelector('.prev');
      var next = document.querySelector('.next');
      var n = 0;
      var i;
      function disno(){
          for( i = 0 ; i<slide.length ; i++){
              slide.style.display = 'none';
          }
      }
      function no_active(){
          for( i = 0 ; i<dot.length ; i++){
              dot.classList.remove('active');
          }
      }
      next.addEventListener('click',function(e){
          e.preventDefault();
          n++;
          if( n > slide.length - 1){ // length starts From 1
              n = 0; // Arrays Starts From zero
          }
          disno();
          no_active()
          slide[n].style.display = 'block';
          dot[n].classList.add('active');
      })
      prev.addEventListener('click',function(e){
          e.preventDefault();
          n--;
          if( n < 0){ // length starts From 1
              n = slide.length - 1; // Arrays Starts From zero
          }
          disno();
          no_active()
          slide[n].style.display = 'block';
          dot[n].classList.add('active');
      })
      setInterval(function(){
          n++;
          if( n > slide.length - 1){ // length starts From 1
              n = 0; // Arrays Starts From zero
          }
          disno();
          no_active()
          slide[n].style.display = 'block';
          dot[n].classList.add('active');
      },3000)



    • توسط jistili1
      سلام دوستان.
      ببینید من یک فرم دارم که فقط دو input داره.یک اینپوت متن و یک اینپوت سابمیت.توی اینپوت متن ، کاربر کد imdb یک فیلم رو میده.بعد فرم من با ajax ارسال میشه.فرض بگیریم مقادیر برای صفحه check.php ارسال بشه.حالا من توی صفحه check.php همچین کدی رو دارم:
      <?php if(isset($_POST["btn"])) { echo file_get_contents("http://mydiba.club/".$_POST["link"]."/"); ?> <script src="jquery-3.4.1.js"></script> <script> $(document).ready(function(){ $(".-dl .Block_dl").each(function(){ var href=$(this).find(".dublboxa:first-of-type").attr("href"); $.ajax({ url:"check2.php", method:"POST", data:"link="+href }); }); }); </script> <?php } ?> اگه به کد دقت کنید ، وقتی کاربر کد imdb یک فیلم رو وارد کرد ، در صفحه check کل محتویات اون فیلم که در یکی از سایت های دانلود فیلم هست echo میشه.بعد در این قسمت یک ajax دیگه هم داریم که خودش توی یک صفحه check هست.کار این قطعه کد ajax که در جی کوئری نوشته شده اینه که تمامی لینک های دانلود اون فیلم رو از سایت دانلود فیلم بگیره و ببره به یک صفحه check دیگر که در اینجا اسمش check2.php هست.خودتون میتونید کد رو ببینید.حالا اینکه توی صفحه check2.php چی هست دیگه مهم نیست.خلاصشو بگم : من اینکارو کردم ولی همونطور که فکرشو میکردم انجام نشد.شما چه راه حلی برای این کار دارید؟در واقع الان با دو تا ajax تو در تو روبرو هستیم.
      یک قسمت از کد من اشکال داره یا در کل غیر استاندارد نوشتم؟اگه میشه یه راه حل بگید که اینکار رو بتونم انجام بدم.دقت کنید که اون قسمت از کد جی کوئری که از متد each استفاده کردم ، برای اینه که به ازای هر لینکی که در صفحه اون فیلم در سایت دانلود وجود دارد ، یک بار این ajax که خودش توی صفحه check یک ajax دیگست رو انجام بده.
      خیلییی خیلییی ممنون میشم اگه کمکم کنید.
      ضمنا از curl هم نمیخوام استفاده کنم
    • توسط SadraHkm
      سلام دوستان
      امیدوارم حالتون خوب باشه
      لطفا یه نگاهی به کد زیر بندازید
      <p>Paragraph 1</p> <p>Paragraph 2</p> <p>Paragraph 3</p> <p>Paragraph 4</p> <button id="calcBtn">Calculate</button> <div id="result"></div> <script> $(window).ready(function () { $('#calcBtn').click(function (e) { $('p').each(function () { $(this).css('color','rgb('+ rand(0,255) +','+ rand(0,255) +','+ rand(0,255) +')'); $('#result').append($(this).html()); // ----------------- This Code : //$('#result').append($(this)); }) }); }) </script> در اون قسمتی از کد که دارم محتوی کدهای پاراگراف رو به تگ div اضافه میکنم یه سوالی ذهن منو مشغول کرده.
      اگر همین کدی که الان هست رو اجرا کنیم، جی کوئری هربار توی حلقه رنگ تگ اصلی رو تغییر میده و یه کپی از اون پاراگراف میگیره و اضافه میکنه به div.
      ولی اگه اون تکه کدی که کامنت هست رو با اون خط جایگزین کنیم، میاد و هر بار کلا تگ پاراگراف رو برمیداره و اضافش میکنه به div. یعنی دیگه کپی ازش نمیگیره و دیگه تگ های p اون بالا باقی نمیموند.
      میخواستم ببینم آیا من درست فهمیدم ؟ یا مشکلی توی کد هست که اینجوری اجرا میشه ؟!
      باتشکر فراوان
       
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، علت پرش صفحه زمان hover شدن موس روی یک div در جی کوئری چیه؟
      $(".box #a-x").hover(function() { $('#x-img').stop().fadeIn('400'); }, function() { $('#x-img').stop().fadeOut('300'); }); $(".box #a-y").hover(function() { $('#y-img').stop().fadeIn('400'); }, function() { $('#y-img').stop().fadeOut('300'); }); البته بیش تر از این تعداده حدود 7 تگ هستش. لطفا راهنمایی کنید.
      با تشکر و سپاس