как да ресайзвам дива според прозореца?

lglgl

Active Member
как да ресайзвам дива според прозореца?UPT

http://stackoverflow.com/questions/30563733/div-resize-according-to-browser-window-in-height
Това ми е проблема, като натисна Вход, излиза модал прозорец, но ако клиента ползва ноутбук без скролл, половин модал ще му се скрие и няма как да цъкне на бутона.
как да направя така че, да не се появава скролл вертикален и този модал да взима височината на прозореца?
Не знам дали не разбирате : /
 
Последно редактирано:
От: как да ресайзвам дива според прозореца?

Добави в CSS това например
.modal-content{
max-height: 400px;
}

или всеки CSS клас form-group му направи съдържанието на е на една линия.
 
От: как да ресайзвам дива според прозореца?

Може да ползваш медия кюери пр. да вдигаш прозореца онтоп при резолюции по-ниски от него.
Също така появата на скрула не зависи от устройството, а браузара и css правилата.
 
От: как да ресайзвам дива според прозореца?

Отговорил съм ти в StackOverflow с 3 начина да се справиш с проблема :)
 
От: как да ресайзвам дива според прозореца?

Отговорил съм ти в StackOverflow с 3 начина да се справиш с проблема :)
ти ли си това : > само че там, не мога да давам репутация нещо, за тва тук ще да.ами мисля че успях, сложил съм на модала фискирана макс височина, и после със медиа куерис макс хеигхт му зададох стойностите. според мен, това е най логичното което можеше да стане?
 
От: как да ресайзвам дива според прозореца?

Първо си сложи <meta name="viewport" content="width=device-width, initial-scale=1"> в Head-а за да го хваща както очакваш на мобилни устройства.

Прочети за Bootstrap как благинки това онова имаше в edX курс Introduction to Bootstrap или нещо такова, ползвал си празни колони за да си отместиш съдържанието, а за това има тагове offset. Освен това заявките не са написани на правилните пиксели защото пак има моменти в които като сплескваш браузъра се налага да скролваш.
 
От: как да ресайзвам дива според прозореца?

да, за оффсет таг знам md-offset-2 примерно, ама тук съм използвал празни колове. :) Те искат сайта да е "не адаптивен" но искат модала да е адаптивен :)
Мерси за съвети.
 
От: как да ресайзвам дива според прозореца?

ЗДравейте, отново, трябва ми спешно помощ за едно малка заявка към база данни и изваждане на резултати, написапно е, ама някъде бъркам.
Ще черпя с банер или лого по ваше желание. Спешно е :(
Скайп :
shokboy
 
От: как да ресайзвам дива според прозореца?

Дай кода тук.
 
От: как да ресайзвам дива според прозореца?

Това е база данни
Виж файлът 12468
Това е ХТМЛ Форма ползва Jquery за да изкарва резултати без презареждане
<div style="margin:20px auto; text-align: center;">
<form method="post" action="search.php">
<input type="text" name="search" id="search_box" class='search_box'/>
<input type="submit" value="Поиск" class="search_button" /><br />
</form>
</div>
<div>

<div id="searchresults">Результаты для <span class="word"></span></div>
<ul id="results" class="update">
</ul>

</div>
Това е Обработчик search.php
<?php include_once("bd.php"); ?>
<?php include("header.php"); ?>
<div class="container white_bg">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-8 col-sm-12 col-xs-12">
<h2 class="text-muted">Търсене</h2>
<hr>
<?php
//получаем данные через $_POST
if (isset($_POST['search'])) {
// подключаемся к базе
include('db.php');
$db = new db();
// никогда не доверяйте входящим данным! Фильтруйте всё!
$word = mysql_real_escape_string($_POST['search']);
// Строим запрос
$sql = "SELECT FROM users WHERE login LIKE '%" . $word . "%' ORDER BY id LIMIT 10";
// Получаем результаты
$row = $db->select_list($sql);
if(count($row)) {
$end_result = '';
foreach($row as $r) {
$result = $r['login'];
$bold = '<span class="found">' . $word . '</span>';
$end_result .= '<li>' . str_ireplace($word, $bold, $result) . '</li>';
}
echo $end_result;
} else {
echo '<li>По вашему запросу ничего не найдено</li>';
}
}
?>


</div>
<?php include_once("sidebar_1.php"); ?>
</div>
<?php include_once("footer.php"); ?>
Това е Индекса
Виж файлът 12469
Идеята ми е като напиша във търсене примерно Leri, да излиза Профила ми, ако съм написал глупости да изписва че е грешка.
Това е кода на профили
<?php
{
$resultat = mysql_query("SELECT * FROM users WHERE sex='Жена' ORDER BY ID DESC LIMIT 16");
$array = mysql_fetch_array($resultat);

do{
if($array['avatar'] == ''){
$avatar = "noAvatar.jpg";
}else{
$avatar = $array['avatar'];
}
printf("

<div class='float-left'>
<a href='profile.php?id=$array[id]' data-toggle='tooltip' title='$array[login]'>
<img src='avatars/".$avatar."' class='img-thumbnail' width='85px' height='85px'>
</a>

</div>");

}
while($array = mysql_fetch_array($resultat));

}
?>
 
Последно редактирано:
От: как да ресайзвам дива според прозореца?

П.С Във Php Съм Начинаещ.

Ето Jquery
<script type="text/javascript">

$(function() {

$(".search_button").click(function() {
// получаем то, что написал пользователь
var searchString = $("#search_box").val();
// формируем строку запроса
var data = 'search='+ searchString;

// если searchString не пустая
if(searchString) {
// делаем ajax запрос
$.ajax({
type: "POST",
url: "do_search.php",
data: data,
beforeSend: function(html) { // запустится до вызова запроса
$("#results").html('');
$("#searchresults").show();
$(".word").html(searchString);
},
success: function(html){ // запустится после получения результатов
$("#results").show();
$("#results").append(html);
}
});
}
return false;
});
});
</script>
 
Последно редактирано:
От: как да ресайзвам дива според прозореца?

Трябва да се ескейпнас пециалните символи и да доправиш проверките.
$q = $_POST["search"];
$resultat = mysql_query("SELECT * FROM users WHERE sex='Жена' and Imeto = '$q' ORDER BY ID DESC LIMIT 16");
$array = mysql_fetch_array($resultat);
 
От: как да ресайзвам дива според прозореца?

Каква е тая каша бе човек? Трий всичко и почвай отначало.
 

Горе