Website με διαφορετικα πραγματα σε pc και σε κινητο

[ektoradro]

Καλησπερα, αν για οποιοδηποτε λογο παραβιαζω κανονες η οτιδηποτε αλλο, ειτε διαγραψτε το ποστ, η μεταφερετε το.

Χρειαζομαι καποιον με γνωσεις κωδικα, να μου στησει κατι πολυ απλο ( θεωρω ) επι πληρωμης φυσικα.

το 50% εχει γινει ηδη (pc version) απλως θελω ενα κουμπι που θα εμφανιζεται μονο οταν καποιος το βλεπει απο κινητο η tablet.

Περισσοτερα σε pm.

[exarhis]

Ναι το γράφεις στο σωστό subforum.

Έχω χρόνο να σε βοηθήσω (με πληρομή ή μη), ή καποιος άλλος/η)

Σε τι γλώσσα είναι το back end ;

[Predatorkill]

@exarhis

Τι σχεση εχει το backend με το ui? Ενα κουμπι θελει ο ανθρωπος.

@ektoradro googlαρε “css media queries  show only on tablets and mobile” και θα βρεις πως γινεται. Ειναι πολυ ευκολο αυτο που θες.

Επεξ/σία 25 Ιουνίου 2018 από Predatorkill

[ektoradro]

δεν εχω ιδεα απο αυτα, αλλος το εστησε, και μεχρι εκει ηξερε. μεσα στον φακελο μετα αρχεια βλεπω κατι bootstrap.css, footer,header,index.php και κατι αλλα.

 

αυτο ειναι μεσα στο index.php

	  <div id = "mobile" style = "display: none;">
        <div class="col-md-12" style = "margin-top: 20px;";>
		<div class="embed-responsive embed-responsive-16by9">
		</div>
        </div>
      </div>
	  <br>
	  <button type="button" id = "smart" class="btn btn-primary" style = "display: none;">Swap</button>
	  </center>
	  

 

Επεξ/σία 25 Ιουνίου 2018 από ektoradro

[The King]

<div id="mobile">
    <div class="col-md-12" style="margin-top: 20px;";>
		<div class="embed-responsive embed-responsive-16by9"></div>
	</div>
</div>
<br>
<button type="button" id="smart" class="btn btn-primary">Swap</button>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript"> 
    var mobile = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));  
    if (mobile) { 
      $('#mobile').hide();
      $('#smart').hide();
    } 
</script> 

Γενικότερα έχει λάθη ο κώδικας που παρέθεσες στη λογική που τον θες, αλλά με το παραπάνω θα καταλάβεις το σκεπτικό.

Επίσης θα σου πρότεινα να χρησιμοποιήσεις τη βιβλιοθήκη Mobile-detect.js καθώς ο παραπάνω κώδικας που σου παρέθεσα δεν καλύπτει πολλές περιπτώσεις και σίγουρα δεν γνωρίζεις να φτιάξεις μόνος σου κάτι πιο απαιτητικό, πχ να μετραέι ύψος/πλάτος/aspect ratio οθόνης που είναι πιο αποτελεσματικό μέσω CSS media queries (δες εδώ) όπως είπε ο @Predatorkill ή μέσω JS  (δες εδώ)

.

Επεξ/σία 25 Ιουνίου 2018 από The King