我已经建立了聊天系统,但是滚动div的问题是滚动条必须在底部作为默认值.
DIV
<div class="chat-body chat-scroll" id="chat-scroll"></div>
样式
.chat-scroll{position: absolute; top:0px; bottom: 0px; overflow-y: auto;}
我使用JQuery从输入表单提交消息来重新加载#chat-scroll的内容,并且自动滚动可以提交,但是当第一次加载页面时,滚动只停留在div的中间#chat -滚动.与我提交消息时不同,当我发送消息时它将会显示在底部.
JQuery For Scrolling
$('#chat-scroll').animate({
scrollTop: $('#chat-scroll').get(0).scrollHeight}, 2000);
嗨,我刚刚开始使用twitter bootstrap并尝试处理下拉事件.
我想处理下拉项目选定事件,也就是说,当用户点击特定项目时,表格应显示在下拉列表的正下方.有谁能帮助我实现这一目标？谢谢.
<ul class="dropdown-menu">
<!-- dropdown menu links -->
<li><a href="#" id="action-1">How are you?</a></li>
<li><a href="#2">What is your name</a></li>
<li><a href="#section-2">Section 2</a></li>
</ul>
我在我的网站上使用bootstrap(链接),但我对表的使用有点困惑.在bootraps之前,我的所有表格TD单元格都有动态宽度,因此如果内容是长句子,TD的宽度会更大,如果只有11个字符长的文本输入则TD会更小.但是现在我所有的TD元素都有相同的宽度,我找不到方法,如何改变这个......
这是我的表:
<table id="table1" style="padding-top:10px;">
<tr>
<td colspan="6" style="text-align:center;">TITLE</td>
</tr>
<tr>
<td colspan="3" style="text-align:center;">SUBTITLE 1</td>
<td colspan="3" style="text-align:center;">SUBTITLE 2</td>
</tr>
<tr>
<td style="text-align:left;"><b>A.</b></td>
<td>Data title 1</td>
<td><input type="text" maxlength="11" size="11" name="input_a"></td>
<td style="text-align:left;"><b>D.</b></td>
<td>Data title 2</td>
<td><input type="text" maxlength="11" size="11" name="input_b"></td>
</tr>
...
</table>
所以我希望"数据标题X"单元格的宽度更大,因为输入文本字段更小的单元格.如果我手动给他们style ="width:xyzpx;" 属性它没有改变任何东西.
能以某种方式完成吗？
我在这段代码中使用PHP,JSP和JSON.我必须得到我的文本框的值,以便我可以将它们插入到我的数据库中.
我有一个包含兄弟姐妹信息的表,当然我们有不同数量的兄弟姐妹,所以我创建了一个表,在按钮点击时动态添加带有文本框的行和列.
以下是表格的HTML代码:
<table id="tbSibling">
<th>Name</th>
<th>Age</th>
<th>Gender</th>
<th>Occupation and Employer</th>
<tr>
<td><input type="text" id="txtSib10" /></td>
<td><input type="text" id="txtSib11" /></td>
<td><input type="text" id="txtSib12" /></td>
<td><input type="text" id="txtSib13" /></td>
</tr>
<tr>
<td id="btnAdd" class="button-add" onclick="insertSibRow();">Add</td>
</tr>
</table>
他编写的脚本动态地添加了带文本框的行和列:
<script type="text/javascript">
//Dynamically create rows and columns for Table Id: tbSiblings
function insertSibRow(){
var table=document.getElementById("tbSibling");
var lastRow=table.rows.length - 1;
var row=table.insertRow(lastRow);
for(var i=0; i<4; i++)
{
var cellName=row.insertCell(i);
var input=document.createElement('input');
input.type='text';
input.id='txtSib' + lastRow + i ;
cellName.appendChild(input);
}
}
</script>
我给每个输入一个id:
input.id='txtSib' …我不能为我的生活解决为什么这段代码不起作用.我确信我做的事情非常愚蠢,但我找不到它!我目前只是试图禁用所有日期栏"7-8-2013".任何有关这方面的帮助将不胜感激.谢谢!
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Calender Control Test</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
var enableDays = ["7-8-2013"];
$(function enableAllTheseDays(date) {
var m = date.getMonth(), var d = date.getDate(), var y = date.getFullYear();
for (i = 0; i < enableDays.length; i++) {
if($.inArray((d+1) + '-' + m + '-' + y,enableDays) != -1) {
return [true];
}
}
return [false];
$('#datepicker').datepicker({dateFormat: 'dd-mm-yy', beforeShowDay: enableAllTheseDays});
</script>
</head>
<body>
<div id="datepicker"></div> …我正在尝试通过 AJAX POST 将一些大数据集传递给 PHP。我的数据被截断，但我不明白为什么。
var greeting = tinyMCE.get("greeting").getContent();
...
var content = "subject=" +subject+
"&greeting=" +greeting+
"&results=" +results+
"&upcoming=" +upcoming+
"&thisweek=" +thisweek+
"&signoff=" +signoff;
console.log(content); //<--see below for this output
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST", "scripts/send_email.php", true);
xmlhttp.setRequestHeader("content-type", "application/x-www-form-urlencoded");
xmlhttp.send(content);
send_email.php
$greeting = $_POST['greeting'];
echo $greeting;
die();
这是我的内容变量的控制台输出（请注意，您看到格式化的地方，控制台输出 HTML 标记，但我不知道如何在此处显示标记。）
> subject=test&greeting=<p class="p1"><strong>Hello all,</strong></p> <p
> class="p2"> </p> <p class="p1"> </p> <p class="p3">This is a
> test. I am just typing some random stuff to verify that all of my …我在一个名为json/img_desc.json的文件夹中有一个json文件
这是json文件
{ "theimages":[
{
"number":1,
"title":"Joy Toy teddy bear",
"description":"In etc etc"
} etc etc
然后我使用此代码尝试获取第一个值.
$.getJSON('json/img_desc.json', function(theimages) {
console.log(img_desc.theimages.number[0]);
});
错误
它说这个
[15:06:46.951] ReferenceError:未定义img_desc @ file:/// [为隐私而删除] /js/puzzle.js:246