小编bon*_*nny的帖子

通过使用javascript锚定跳跃

我有一个经常会被发现的问题.问题是无处可寻找明确的解决方案.

锚有两个问题.

主要目标应该是在使用锚点跳转到页面时获得一个没有任何哈希值的漂亮干净URL.

所以锚的结构是:

<ul>
    <li><a href="#one">One</a></li>
    <li><a href="#two">Two</a></li>
    <li><a href="#three">Three</a></li>
</ul>

<div class="wrap">
    <a name="one">text 1</a>
    <a name="two">text 2</a>
    <a name="three" class="box">text 3</a>
</div>
Run Code Online (Sandbox Code Playgroud)

好的,如果您点击其中一个链接,网址将自动更改为

www.domain.com/page#1

最后这应该只是:

www.domain.com/page

到现在为止还挺好.现在第二件事是,当您在互联网上搜索该问题时,您会发现它javascript是一种解决方案.

我找到了这个功能:

function jumpto(anchor){
    window.location.href = "#"+anchor;
}
Run Code Online (Sandbox Code Playgroud)

并调用该函数:

<a onclick="jumpto('one');">One</a>
Run Code Online (Sandbox Code Playgroud)

会像以前一样.它会将哈希添加到网址中.我还补充道

<a onclick="jumpto('one'); return false;">
Run Code Online (Sandbox Code Playgroud)

没有成功.所以,如果有人能告诉我如何解决这个问题,我真的很感激.

非常感谢.

html javascript anchor function href

117
推荐指数
3
解决办法
21万
查看次数

如何为两个标签设置一个CSS规则?

我想知道如何为两个不同的类设置一个设置.

举个例子:

.footer #one .flag li .drop_down form div{
    width: 80px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    line-height: 1.5;
    color: #ccc;
    font-weight:bolder;
    margin-left: 30px;
}
.footer #two .flag li .drop_down form div{
    width: 80px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    line-height: 1.5;
    color: #ccc;
    font-weight:bolder;
    margin-left: 30px;
}
Run Code Online (Sandbox Code Playgroud)

两个规则都具有相同的内容.区别仅在于第二个标签.有没有办法做这样的事情?

.footer >>>#one and #two<<<< .flag li .drop_down form div{
        width: 80px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-align: left;
        line-height: 1.5;
        color: #ccc;
        font-weight:bolder;
        margin-left: 30px;
    }
Run Code Online (Sandbox Code Playgroud)

html css tags

28
推荐指数
2
解决办法
3万
查看次数

javascript函数显示和隐藏div

您好我有以下2个JavaScript函数来打开div并关闭它.

<script>
    function show() {
        if(document.getElementById('benefits').style.display=='none') {
          document.getElementById('benefits').style.display='block';
        }
    }
</script>



<script>
    function close() {
        if(document.getElementById('benefits').style.display=='block') {
          document.getElementById('benefits').style.display='none';
        }
    }  
</script>
Run Code Online (Sandbox Code Playgroud)

这是html:

<div id="opener"><a href="#1" name="1" onclick=show()>click here</a></div>
<div id="benefits" style="display:none;">
   some input in here plus the close button
   <div id="upbutton"><a onclick=close()></a></div>
</div>
Run Code Online (Sandbox Code Playgroud)

由于某种原因,show函数应该如何工作,但关闭按钮不起作用.所以,如果有人可以帮助我,我真的很感激.非常感谢.

html javascript function

8
推荐指数
2
解决办法
14万
查看次数

有css文本重置?

你好,我有这个问题:

问题

你可以看到左侧有一个截图,它是如何在chrome,右侧firefox.文字高度不一样.html的结构很简单.它只是一个div,其中是一个字段集,其中放置了一个h1标签.周围有一个1px的边框.h1标签的高度为20px,甚至是20px的行高.next是一个大小相同的h2标签.问题是文字高度.

例题

在firefox中,它似乎比chrome和safari低1px.

我在其最新版本中使用了eric meyers的css reset.所以它不应该由此造成.

如果有人提示帮助我,那就太好了.

非常感谢.

html css text padding

8
推荐指数
1
解决办法
665
查看次数

如何在没有宽度的情况下居中?

您好我想知道是否可以在没有宽度的情况下居中.因为容器的两个不同版本取决于具有不同宽度的语言设置,我想动态地居中.

margin: 0 auto;
Run Code Online (Sandbox Code Playgroud)

没有任何宽度设置不起作用.

所以结构很简单:

<div id="container">
        <div id="list">
            <span class="up">text large</span>
            <ul class="navigation">
                <li>one</li>
                <li>|</li>
                <li>two</li>
                <li>|</li>
                <li>three</li>
                <li>|</li>
                <li>four</li>
            </ul>
        </div>
</div>
Run Code Online (Sandbox Code Playgroud)

和css:

.wrapper #container  {
    width: 960px;
    clear: both;
    margin: 0 auto;
}

.wrapper #container #list {
    width: 420px;-->should be dynamically
    margin: 0 auto; --> only works when setting width
}
.wrapper #container #list .up {
    font-size: 11px;
    float: left;
    display: inline-block;
    text-align: right; 
    display: inline;
}
.wrapper .navigation {
    font-size: 10px;
    margin-top: 15px;
    float: left; …
Run Code Online (Sandbox Code Playgroud)

html css center

6
推荐指数
1
解决办法
8346
查看次数

为什么$ _GET在header-function中不起作用?

我已经对这个问题提出了一个问题,但是另一个问题是归属$_GET和标题函数:

我有一个多语种网站.调用不存在的页面时,.htaccess404.php在根目录中引用.

.htaccess如下所示:

ErrorDocument 404 /404.php
Run Code Online (Sandbox Code Playgroud)

404.php在根方向简单地着眼于其中的默认语言是由一组SESSIONCOOKIE并指的是语言子目录/language/404.php

404.php看起来像这样:

include_once "scripts/pref_language.php";

if (isset ($_GET['uri']) ){
    $get = $_GET['uri'];

    header("Location: /$pref_language/404.php?uri=$get");
    exit;
}

$url = urlencode($_SERVER['REQUEST_URI']);

header("Location: /$pref_language/404.php?uri=$url");
Run Code Online (Sandbox Code Playgroud)

提到语言子目录,发布URL看起来像参数uri仍然不同:

http://www.example.com/english/404.php?uri=somedata
Run Code Online (Sandbox Code Playgroud)

或用另一种语言:

http://www.example.com/german/404.php?uri=somedata
Run Code Online (Sandbox Code Playgroud)

/english/404.php看起来像这样的代码:

<?php
error_reporting(E_ALL);
ob_start();
session_start();
header ("Content-Type: text/html; charset=utf-8");

include_once "../scripts/db_connect.php";
include_once "../scripts/functions.php";
include_once "../scripts/browser_identification.php";
include_once "../scripts/pref_language.php";

...some text variables in its specific language

include_once "../templates/template_404.php";
?>
Run Code Online (Sandbox Code Playgroud)

模板只是一些HTML样式.将包含在其中的页脚 …

html php variables get global-variables

6
推荐指数
1
解决办法
1325
查看次数

css在不同的输入类

你好,我有以下问题:

我检查我的表单上的一些PHP错误消息.

如果没有错误,我只需要我的CSS设置:

.wrapper #frame form fieldset ul input {
    color: #f23;
    font-size: 10px;
    height: 18px;
    padding-left: 5px;
    margin-top: 3px;
    outline:none;
}
Run Code Online (Sandbox Code Playgroud)

和我的焦点设置:

.wrapper #frame form fieldset ul input:focus{
    color:#fff;
    font-weight: bold;
    border: 2px solid #fff;
}
Run Code Online (Sandbox Code Playgroud)

好的,现在我改变了这一行:

<input type="text" id="normal" name="1" value=""/>
Run Code Online (Sandbox Code Playgroud)

添加错误类:

<input class="err" type="text" id="normal" name="1" value=""/>
Run Code Online (Sandbox Code Playgroud)

问题是我的设置只是针对输入字段的课程详细信息而不是我的焦点设置:

.err {
    color: #444444;
    font-size: 10px;
    width: 180px;
    height: 18px;
    padding-left: 5px;
    outline:none;   
    background-image: url(../images/error.png);
}
.err input:focus{
    color:#f23;
    font-weight: bold;
    border: 2px solid #f23;
}
Run Code Online (Sandbox Code Playgroud)

所以如果有人能告诉我为什么这不起作用我真的很感激.非常感谢.

html css error-handling settings class

5
推荐指数
1
解决办法
9万
查看次数

htaccess重写规则在提交表单时会导致错误

我使用我的htaccess文件来配置我网站上网址的布局.

目前问题是我不能再发送任何表格了.

我有两个文件,它们将包含相同的代码(复制和重命名).如果我调用page1.phpurl将显示为page1.php.一切正常,我会尝试登录或导致一些错误.现在,当我打电话时index.php(具有相同的代码!),它应该htaccess隐藏index.php在网址中!但是当我测试登录脚本时,发布表单时不会发生任何事情.它只是刷新网站.所以我不知道为什么会这样?

htaccess通过重写规则将彻底导致此行为.我删除htaccess并再次尝试.如果没有它可行,但仍然有这个丑陋的网址.

好的,以显示htaccess:

RewriteEngine On

RewriteCond %{REQUEST_URI} ^(.*)\.html$
RewriteRule ^.*\.html$ %1.php [L]  

RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}\.php -f
RewriteRule ^([^/]+)/$ $1.php

AddType application/x-httpd-php .htm .html

RewriteCond %{REQUEST_FILENAME} !-d 
RewriteCond %{REQUEST_FILENAME}\.php -f 
RewriteRule ^(.*)$ $1.php

RewriteRule ^index\.(htm|html|php) http://www.domain.com/ [R=301,L]
## rewrite the index file in subdirectories
RewriteRule ^(.*)/index\.(htm|html|php) http://www.domain.com/$1/ [R=301,L]
Run Code Online (Sandbox Code Playgroud)

表格将发送:

form action = "<?php echo $_SERVER['PHP_SELF']?>" method= "post"...
Run Code Online (Sandbox Code Playgroud)

所以,如果有人可以帮助我,我真的很感激.

更新:

提供我想要实现的更多信息:

首先,结构如下:由于语言不同,根结构如下:

www.domain.com/languagefolder/... …
Run Code Online (Sandbox Code Playgroud)

php forms apache .htaccess url-rewriting

5
推荐指数
0
解决办法
2892
查看次数

如何突出显示搜索结果

你好,我有一个搜索功能,我将在数据库中搜索关键字.我想突出显示关键字,并找到了我希望在我的搜索功能中实现的第二个功能.

所以我有这个搜索代码:

<?php 
function searchText($keywords){
    global $db;
    $returned_results = array();
    $where2 = "";

    $keywords = preg_split('/[\s]+/', $keywords); 
    $total_keywords = count($keywords);

    foreach ($keywords as $key=>$keyword){
        $where2 .= "`column` LIKE '%$keyword%'";

        if ($key != ($total_keywords - 1)){ 
            $where2 .= " OR ";
        }
    }

    $results_text = "SELECT `a`, `b`, LEFT(`c`, 150) as `c` FROM `table` WHERE $where2"; 
    $results_num_text = ($query2 = mysqli_query($db, $results_text)) ? mysqli_num_rows($query2) : 0; 
    if ($results_num_text === 0){
        return false;
    } else {

        while ($row = mysqli_fetch_assoc($query2)){

            $returned_results[] = …
Run Code Online (Sandbox Code Playgroud)

html php mysql syntax-highlighting function

3
推荐指数
1
解决办法
1万
查看次数

如何在UL类的LI中为DIV设置CSS规则?

我有一个查询结果列表.该列表将显示如下:

<ul class="result">
    <li></li>
    <li></li>
    <li></li>
    ...
</ul>
Run Code Online (Sandbox Code Playgroud)

现在我想添加类似图层li:before或DIV的内容li.

所以我认为可以这样做:

<ul class="result">
    <li><div id="a"></div></li>
    <li><div id="a"></div></li>
    <li><div id="a"></div></li>
    ...
</ul>
Run Code Online (Sandbox Code Playgroud)

问题是我无法为此设置任何CSS规则?

我试过了:

.wrapper #header #navline #searchbar .dropdown .result li#a{
    background-color: #fff;
    height: 10px;
    width: 15px;
}
Run Code Online (Sandbox Code Playgroud)

以及

.wrapper #header #navline #searchbar .dropdown .result li #a{...}
Run Code Online (Sandbox Code Playgroud)

只是

.wrapper #header #navline #searchbar .dropdown .result #a{...}
Run Code Online (Sandbox Code Playgroud)

但没有任何效果.是否有我的想法有误,或者是没可能添加DIVli的?

html css class

3
推荐指数
1
解决办法
3万
查看次数