Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

Html'de butona tıklayınca footer altdan üste çıkıyor

Konu, 'Web Programlama' kısmında egencan tarafından paylaşıldı.

Etiketler:
  1. egencan

    egencan Üye

    Kayıt:
    25 Ocak 2017
    Mesajlar:
    85
    Beğenilen Mesajlar:
    0
    Meslek:
    ÖĞRENCİ
    Şehir:
    İstanbul
    Merhaba,

    arkadaşlar ben bu aralar bir alışveriş sitesi üzerinde çalışıyorum ve ürün sayfasında alacağım adet sayısını yazıp sepete ekleye tıklayınca altdaki footer üste çıkıyor.

    Bu sorunu nasıl çözebilirim?

    Lütfen yardım edin.

    Cevaplarınız için şimdiden çok teşekkür ederim.

    İyi günler dileğiyle.

    Video :
     
  2. sefa1471

    sefa1471 Üye

    Kayıt:
    13 Mart 2014
    Mesajlar:
    102
    Beğenilen Mesajlar:
    6
    Meslek:
    Öğrenci
    Şehir:
    Ankara
    Divlerini kontrol et tahminimce sepete ürün eklendiği zamanki divlerinde eksik veya fazlalık var sepet boşken bir sıkıntı olmuyor büyük ihtimalle
     
  3. egencan

    egencan Üye

    Kayıt:
    25 Ocak 2017
    Mesajlar:
    85
    Beğenilen Mesajlar:
    0
    Meslek:
    ÖĞRENCİ
    Şehir:
    İstanbul
    Merhaba,

    sepeti boş olan bir kullanıcı ile denedim. Sonuç : Aynı. Baktım div ile bir sıkıntı yok. Çünkü sepete ekle bölümünde div yok.

    Lütfen yardım edin.

    Cevaplarınız için şimdiden çok teşekkür ederim.

    İyi günler dileğiyle.
     

    Ekli Dosyalar:

  4. egencan

    egencan Üye

    Kayıt:
    25 Ocak 2017
    Mesajlar:
    85
    Beğenilen Mesajlar:
    0
    Meslek:
    ÖĞRENCİ
    Şehir:
    İstanbul
    Kodlar :

    Kod:
    <!DOCTYPE html>
    <html>
    <head>
        <title>My Cart</title>
    </head>
    <body>
    
    <div id="tamcerceve">
    
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
    
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    
    <form action="normalkul.php">
    
      <input type="button" class="aramab" value="Search" onclick="location='egoldshop.php'" />
      <input type="button" class="sepetimb" value="Cart" onclick="location='sepet.php'">
      <input type="text" class="aramat" name="arama"/>
    
      <div id="egoldresim">
      <a href="egoldshop.php"><img src="sz_egoldshop_photo.jpg" border="0"/></a>
      </div>
    
      <!--<script type="text/javascript">
      //$(function(){
    
        document.onkeydown = d;
    
        function d(e){
          var say = e.which;
         
          if (say == 13) { alert("Enter tuşuna basıldı");}
    
        }
    
      //});
      </script> -->
    
      <?php
    
      session_start();
    
      if (!isset($_SESSION['kulad1']) || is_null($_SESSION['kulad1'])) {
    
        header("Location:egoldg.php");
    
      }else{
    
        $kulad8 = $_SESSION['kulad1'];
    
        $baglanti10 = new PDO("mysql:host=localhost;dbname=egoldshopphp","php","");
        $vericek40 = $baglanti10 -> query("select * from ozelkullanici where kulad = '$kulad8'");
        $vericek40say = $vericek40 -> rowCount();
    
        if ($vericek40say == 1) {
    
          header("Location:ozelkul.php");
    
        }else{
    
         
    
        }
    
      }
    
      $kulad8k = strlen($kulad8);
    
      if ($kulad8k == 1) {
    
        ?>
    
        <style type="text/css">
         
          #prflmenu8{
    
            position: absolute;
            top: 115px;
            left: 1000px;
    
          }
    
          input.sepetimb{
    
            position: absolute;
            top: 117.5px;
            left: 1125px;
    
          }
    
        </style>
    
        <?php
    
      }elseif ($kulad8k == 2) {
    
        ?>
    
        <style type="text/css">
         
          #prflmenu8{
    
            position: absolute;
            top: 115px;
            left: 1000px;
    
          }
    
          input.sepetimb{
    
            position: absolute;
            top: 117.5px;
            left: 1132.5px;
    
          }
    
        </style>
    
        <?php
    
      }elseif ($kulad8k == 3) {
    
        ?>
    
        <style type="text/css">
         
          #prflmenu8{
    
            position: absolute;
            top: 115px;
            left: 1000px;
    
          }
    
          input.sepetimb{
    
            position: absolute;
            top: 117.5px;
            left: 1140px;
    
          }
    
        </style>
    
        <?php
    
      }elseif ($kulad8k == 4) {
    
        ?>
    
        <style type="text/css">
         
          #prflmenu8{
    
            position: absolute;
            top: 115px;
            left: 1000px;
    
          }
    
          input.sepetimb{
    
            position: absolute;
            top: 117.5px;
            left: 1147.5px;
    
          }
    
        </style>
    
        <?php
    
      }elseif ($kulad8k == 5) {
    
        ?>
    
        <style type="text/css">
         
          #prflmenu8{
    
            position: absolute;
            top: 115px;
            left: 1000px;
    
          }
    
          input.sepetimb{
    
            position: absolute;
            top: 117.5px;
            left: 1155px;
    
          }
    
        </style>
    
        <?php
    
      }elseif ($kulad8k == 6) {
    
        ?>
    
        <style type="text/css">
         
          #prflmenu8{
    
            position: absolute;
            top: 115px;
            left: 1000px;
    
          }
    
          input.sepetimb{
    
            position: absolute;
            top: 117.5px;
            left: 1162.5px;
    
          }
    
        </style>
    
        <?php
    
      }elseif ($kulad8k == 7) {
    
        ?>
    
        <style type="text/css">
         
          #prflmenu8{
    
            position: absolute;
            top: 115px;
            left: 1000px;
    
          }
    
          input.sepetimb{
    
            position: absolute;
            top: 117.5px;
            left: 1170px;
    
          }
    
        </style>
    
        <?php
    
      }elseif ($kulad8k == 8) {
    
        ?>
    
        <style type="text/css">
         
          #prflmenu8{
    
            position: absolute;
            top: 115px;
            left: 1000px;
    
          }
    
          input.sepetimb{
    
            position: absolute;
            top: 117.5px;
            left: 1177.5px;
    
          }
    
        </style>
    
        <?php
    
      }elseif ($kulad8k == 9) {
    
        ?>
    
        <style type="text/css">
         
          #prflmenu8{
    
            position: absolute;
            top: 115px;
            left: 1000px;
    
          }
    
          input.sepetimb{
    
            position: absolute;
            top: 117.5px;
            left: 1185px;
    
          }
    
        </style>
    
        <?php
    
      }elseif ($kulad8k == 10) {
    
        ?>
    
        <style type="text/css">
         
          #prflmenu8{
    
            position: absolute;
            top: 115px;
            left: 1000px;
    
          }
    
          input.sepetimb{
    
            position: absolute;
            top: 117.5px;
            left: 1192.5px;
    
          }
    
        </style>
    
        <?php
    
      }
     
    
    // echo($kulad8);
    
      ?>
    
      <div id="prflmenu8">
        <ul class="profmenu8">
          <li><?php echo($kulad8); ?>
          <ul>
          <li><a href="normalprfl.php">Profile</a></li>
          <li><a href="normalabild.php">Settings</a></li>
          <li><a href="egoldcikis.php">Log out</a></li>
          </ul>
          </li>
        </ul>
      </div>
    
      <?php
    
      $vericek15 = $baglanti10 -> prepare("select * from sepet where kulad = :kulad");
      $vericek15 -> bindParam(':kulad', $kulad8);
      $vericek15 -> execute();
      $vericek16 = $baglanti10 -> query("select * from sepet where kulad = '$kulad8'");
      $vericek16say = $vericek16 -> rowCount();
     
      if ($vericek16say == 0) {
    
        ?>
    
        <div id="surunyokl">
          <label>Your cart is empty</label>
        </div>
    
        <style type="text/css">
         
          #surunyokl{
    
            position: absolute;
            top: 325px;
            left: 625px;
    
          }
    
        </style>
    
        <?php
    
      } else {
    
        ?>
    
      <div id="sepettablo">
    
      <table>
    
      <tr>
    
      <th style="text-align: center;">Image of product</th>
      <th style="text-align: center;">Product</th>
      <th style="text-align: center;">Piece</th>
      <th style="text-align: center;">Price</th>
      <th style="text-align: center;">Delete</th>
    
      </tr>
    
        <?php
    
      while($bilgiler15 = $vericek15 -> fetch()){
    
          $vericek17 = $baglanti10 -> prepare("select * from urunlist where urunad = :urunad");
          $vericek17 -> bindParam(':urunad', $bilgiler15['urunad']);
          $vericek17 -> execute();
    
          $vericek18 = $baglanti10 -> prepare("select * from urunlistresim where urunad = :urunad2");
          $vericek18 -> bindParam(':urunad2', $bilgiler15['urunad']);
        $vericek18 -> execute();
    
        $bilgi18 = $vericek18 -> fetch();
    
          while($bilgiler17 = $vericek17 -> fetch()){
    
              echo '<tr>';
    
                  echo '<td><img src="'.$bilgi18['resimyol'].'" height="100" width="100"></td>';
                  echo '<td style="width:500px;text-align:center;">'.$bilgiler15['urunad'].'</td>';
                  echo '<td style="width:125px;text-align:center;"><input type="button" value="-" onclick="azalt('.$bilgiler15['no'].');">'.$bilgiler15['urunadet'].'<input type="button" value="+" onclick="artir('.$bilgiler15['no'].');"></td>';
                  echo '<td style="width:75px;text-align:center;">'.$bilgiler17['urunfiyat'].'<label><b> TL </b></label></td>';
            echo '<td><input type="button" value="Delete" onclick="sil('.$bilgiler15['no'].')"></td>';
    
                  echo '</tr>';
    
            @$fiyat += $bilgiler17['urunfiyat'] * $bilgiler15['urunadet'];
            @$toplamadet += $bilgiler15['urunadet'];
            if ($toplamadet == 1) {
    
              $kargo = 5;
    
            }elseif ($toplamadet > 1) {
    
              $kargo = 5 + ($toplamadet - 1);
    
            }else{
    
    
    
            }
            $toplam = $fiyat + $kargo;
    
            }
    
      }
    
      if (isset($toplam)) {
    
        $_SESSION['toplamf'] = $toplam;
    
      }
    
        ?>
    
      <script type="text/javascript">
    
        function azalt(un2){
    
          window.location.assign("egoldsptadetsil.php?urunno=" + un2);
    
        }
       
        function artir(un1){
    
          window.location.assign("egoldsptadetekle.php?urunno=" + un1);
    
        }
    
        function sil (un3){
    
          window.location.assign("sptsil.php?urunno=" + un3);
    
        }
    
      </script>
    
      </table>
    
      </div>
    
      <div id="fiyattablo">
    
        <div id="sfiyatl"><label>Price : <?php if (isset($fiyat)){ echo($fiyat); } ?> TL</label></div>
        <div id="skargol"><label>Cargo : <?php if (isset($kargo)){ echo($kargo); } ?> TL</label></div>
        <div id="stoplaml"><label>Total : <?php if (isset($toplam)){ echo($toplam); } ?> TL</label></div>
    
        </div>
    
        <input type="button" class="odemeb" name="odeme" value="Buy" onclick="location='odeme.php'">
    
        <?php
    
      }
    
        ?>
    
      <style type="text/css">
    
        input.odemeb{
    
          position: absolute;
          top: 400px;
          left: 1060px;
    
        }
    
        #sfiyatl{
    
          position: absolute;
          top: 30px;
          left: 100px;
    
        }
    
        #skargol{
    
          position: absolute;
          top: 60px;
          left: 100px;
    
        }
    
        #stoplaml{
    
          position: absolute;
          top: 90px;
          left: 100px;
    
        }
    
        #fiyattablo{
    
          position: absolute;
          padding: 25px;
          border: 1px solid black;
          margin: 5px;
          top: 220px;
          left: 925px;
          width: 275px;
          height: 85px;
    
        }
    
        table{
    
          border: 1px solid;
    
        }
    
        #sepettablo{
    
          position: absolute;
          top: 225px;
          left: 25px;
    
        }
    
        #prflmenu8{
    
          width: 100px;
          display: inline-block;
          padding: 0px;
          text-align: center;
          cursor: pointer;
    
        }
    
        .profmenu8{
    
          position: absolute;
          display: inline-block;
          padding: 0px;
          margin: 0px;
          list-style: none;
    
        }
    
        ul.profmenu8 ul{
    
          position: absolute;
          list-style: none;
          display: none;
          min-width: 140px;
          margin-top: 3px;
          left: -1px;
    
        }
    
        ul.profmenu8 > li{
    
          float: left;
          position: relative;
          display: block;
          padding: 3px 10px 3px 20px;
          min-height: 20px;
    
        }
    
        ul.profmenu8 ul li{
    
          margin: 1px;
          text-align: left;
          padding: 3px 20px;
    
        }
    
        ul.profmenu8 li > ul{
    
          display: none;
    
        }
    
        ul.profmenu8 li:hover > ul{
          position:absolute;
          display:block;
          padding:0px;
          -moz-box-shadow: 5px 5px 5px #888;
          -webkit-box-shadow: 5px 5px 5px #888;
          box-shadow: 5px 5px 5px #888;
        }
         
        input.aramab{
          text-align: center;
            height: 21px;
            width : 65px;
            position: absolute;
            top: 115px;
            right: 437px;
        }
    
        input.aramat{
          height: 28;
            width: 400px;
            position: absolute;
            top: 115px;
            right: 500px;
        }
    
        #egoldresim{
          position: absolute;
          left: 75px;
        }
       
      </style>
    
        </form>
    
    <div id="altfooter">
    
    <input type="image" src="rsz_facebook.png" class="dfacebooki" name="dfacebook" onclick="location='https://www.facebook.com/egoldshop.ebay'">
    <input type="image" src="rsz_twitter.png" class="dtwitteri" name="dtwitter" onclick="location='https://twitter.com/e_goldshop'">
    <input type="image" src="rsz_instagram.png" class="dinstagrami" name="dinstagram" onclick="location='https://www.instagram.com/egoldshop/'">
    
    <div id="dfacebookl">
      <a href="https://www.facebook.com/egoldshop.ebay" style="text-decoration: none;color: white;"><label>https://www.facebook.com/egoldshop.ebay</label></a>
    </div>
    
    <div id="dtwitterl">
      <a href="https://twitter.com/e_goldshop" style="text-decoration: none;color: white;"><label>https://twitter.com/e_goldshop</label></a>
    </div>
    
    <div id="dinstagraml">
      <a href="https://www.instagram.com/egoldshop/" style="text-decoration: none;color: white;"><label>https://www.instagram.com/egoldshop/</label></a>
    </div>
    
    <div id="dmaill1">
      <label>E-mail : </label>
    </div>
    
    <div id="dmaill2">
      <label>epitcenter@gmail.com</label>
    </div>
    
    </div>
    
    </div>
    
    <style type="text/css">
    
    input.dfacebooki{
    
      position: absolute;
      top: 25px;
      left: 25px;
    
    }
    
    #dfacebookl{
    
      position: absolute;
      top: 25px;
      left: 65px;
    
    }
    
    input.dtwitteri{
    
      position: absolute;
      top: 25px;
      left: 450px;
    
    }
    
    #dtwitterl{
    
      position: absolute;
      top: 25px;
      left: 490px;
    
    }
    
    input.dinstagrami{
    
      position: absolute;
      top: 25px;
      left: 835px;
    
    }
    
    #dinstagraml{
    
      position: absolute;
      top: 25px;
      left: 875px;
    
    }
    
    #dmaill1{
    
      position: absolute;
      top: 65px;
      left: 575px;
    
    }
    
    #dmaill2{
    
      position: absolute;
      top: 65px;
      left: 630px;
    
    }
    
    html, body {
       margin:0;
       height:125%;
    }
    
    #tamcerceve {
       min-height:100%;
       position:relative;
    }
    
    #altfooter {
       position:absolute;
       bottom:0;
       width:100%;
       height:100px;
       background: #4D4242;
       color: white;
       text-align:center;
    }
    
    </style>
       
    </body>
    </html>
    Lütfen yardım edin.

    Cevaplarınız için şimdiden çok teşekkür ederim.

    İyi günler dileğiyle.
     
  5. vicivic

    vicivic Yeni Üye

    Kayıt:
    12 Ağustos 2017
    Mesajlar:
    6
    Beğenilen Mesajlar:
    0
    Şehir:
    İzmir
    Kodlarınızı incelemedim ama videodan Add To Cart tıklayınca hata alıyorsunuz. Sayfanızın title'ında onu gördüm. Kaynak kodundan bakınca ayrıntılı olarak görebilirsiniz. Belki hatanızı düzeltince istediğiniz sonucu alabilirsiniz.
     
  6. egencan

    egencan Üye

    Kayıt:
    25 Ocak 2017
    Mesajlar:
    85
    Beğenilen Mesajlar:
    0
    Meslek:
    ÖĞRENCİ
    Şehir:
    İstanbul
    Merhaba,

    title ile ilgili sorunu çözdüm. Ama yinede sorun çözülmedi.

    Lütfen yardım edin.

    Cevaplarınız için şimdiden çok teşekkür ederim.

    İyi günler dileğiyle.
     
  7. vicivic

    vicivic Yeni Üye

    Kayıt:
    12 Ağustos 2017
    Mesajlar:
    6
    Beğenilen Mesajlar:
    0
    Şehir:
    İzmir
    Sayfayı post ettikten sonraki kaynak kodunu yapıştırın, kodlarınız okunacak durumda değil.
     
  8. egencan

    egencan Üye

    Kayıt:
    25 Ocak 2017
    Mesajlar:
    85
    Beğenilen Mesajlar:
    0
    Meslek:
    ÖĞRENCİ
    Şehir:
    İstanbul
    Merhaba,

    OK. Kodlar :

    Kod:
    $daladety1 = $_POST['daladet'];
    
      if ($daladety1 > $_SESSION['durunadety']) {
    
        echo '<script>';
        echo 'alert("'.$_SESSION['durunadety'].' adetten fazla ürün alamazsınız");';
        echo '</script>';
    
      }else{
    
        if (!is_null($_SESSION['kulad2'])) {
    
          $deneme2 = $_SESSION['deneme'];
    
          $kulad5 = $_SESSION['kulad2'];
    
          $veriekle1 = $baglanti3 -> query("insert into sepet (kulad,urunad,urunadet) values ('$kulad5','$deneme2','$daladety1')");
    
        }else{
    
    
    
        }
    
      }
    Lütfen yardım edin.

    Cevaplarınız için şimdiden çok teşekkür ederim.

    İyi günler dileğiyle.