如何在弹出窗口中显示可选文本？Javascript & PHP

我正在使用URL缩短脚本Yourls。得到你们的帮助后，工作进展顺利。谢谢你。每个按钮按下缩短URL，弹出窗口出现，显示该页面的短URL。这个简单的方法对于Firefox来说很好，但是我不能在Internet Explorer的弹出框中选择文本/缩短URL。任何建议如何显示可选择的文本弹出?

这是页面的代码:

<?php 
// Start YOURLS engine
require_once( dirname(__FILE__).'/includes/load-yourls.php' );
function selfURL() { $s = empty($_SERVER["HTTPS"]) ? '' : ($_SERVER["HTTPS"] == "on") ? "s" : ""; $protocol = strleft(strtolower($_SERVER["SERVER_PROTOCOL"]), "/").$s; $port = ($_SERVER["SERVER_PORT"] == "80") ? "" : (":".$_SERVER["SERVER_PORT"]); return $protocol."://".$_SERVER['SERVER_NAME'].$port.$_SERVER['REQUEST_URI']; } function strleft($s1, $s2) { return substr($s1, 0, strpos($s1, $s2)); }
?>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="container">
    <?php
    // Part to be executed if FORM has been submitted
    if ( isset($_REQUEST['url']) ) {
        $url     = yourls_sanitize_url( $_REQUEST['url'] );
        $return  = yourls_add_new_link( $url );     
        $shorturl = isset( $return['shorturl'] ) ? $return['shorturl'] : '';
        echo <<<RESULT
        "<script type='text/javascript'>alert('$shorturl');</script>"
RESULT;
    // Part to be executed when no form has been submitted
    } else {
        $site = YOURLS_SITE;
        $var = selfURL();
        echo <<<HTML
        <form method="post" action="">      
        <p><input type="hidden" name="url" value="$var" /></p>
        <p><input type="submit" value="Shorten" /></p>
        </form> 
HTML;
    }
    ?>
</div>
</body>
</html>

我想编辑它说

的代码

"<script type='text/javascript'>alert('$shorturl');</script>"

如何使文本可选择复制?

谁能告诉我为什么当我们按下按钮时页面http://taimoorsultan.com/y/会重定向到另一个页面?是否有可能显示在同一页上的弹出而不去下一页?我已经粘贴了上面的完整代码。谢谢你！

这是当前代码::

<?php 
// Start YOURLS engine
require_once( dirname(__FILE__).'/includes/load-yourls.php' );
function selfURL() { $s = empty($_SERVER["HTTPS"]) ? '' : ($_SERVER["HTTPS"] == "on") ? "s" : ""; $protocol = strleft(strtolower($_SERVER["SERVER_PROTOCOL"]), "/").$s; $port = ($_SERVER["SERVER_PORT"] == "80") ? "" : (":".$_SERVER["SERVER_PORT"]); return $protocol."://".$_SERVER['SERVER_NAME'].$port.$_SERVER['REQUEST_URI']; } function strleft($s1, $s2) { return substr($s1, 0, strpos($s1, $s2)); }
?>
<!DOCTYPE html>
<html>
<head>
<!--Testing-->
   <?php if(isset($_REQUEST['url']): // <-- only include jQuery if url set ?>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
  <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#dialog-modal" ).dialog({
      height: 140,
      modal: true
    });
  });
  </script>
  <?php endif; ?>
<!--Testing-->
</head>
<body>

<div id="container">
    <?php
    // Part to be executed if FORM has been submitted
    if ( isset($_REQUEST['url']) ) {
        $url     = yourls_sanitize_url( $_REQUEST['url'] );
        $return  = yourls_add_new_link( $url );     
        $shorturl = isset( $return['shorturl'] ) ? $return['shorturl'] : '';
        echo <<<RESULT
RESULT;
    // Part to be executed when no form has been submitted
    } else {
        $site = YOURLS_SITE;
        $var = selfURL();
        echo <<<HTML
        <form method="post" action="">      
        <p><input type="hidden" name="url" value="$var" /></p>
        <p><input type="submit" value="Shorten" /></p>
        </form> 
HTML;
    }
    ?>

</div>
<?php if(isset($_REQUEST['url']): // <-- only include the div if url set ?>
<div id="dialog-modal" title="Basic modal dialog">
  <p><?php echo htmlspecialchars($shorturl); ?></p>
</div>
<?php endif; ?>

</body>
</html>

在Internet Explorer中无法更改文本的选择能力。alert()是显示消息的非常基本的方式，除了消息之外没有可配置的选项。

如果你想要更多的控制，你必须在页面上显示消息，或者创建自己的对话框，或者使用类似jQuery UI对话框的东西。

例如:

echo '<p>' . htmlspecialchars($shorturl) . '</p>';

或在<input>中:

 echo '<input type="text" value="' . htmlspecialchars($shorturl) . '" />';

添加一个jQuery对话框到你的页面，你的<head>部分需要看起来像(使用jQuery CDN):

<head>
  <?php if(isset($_REQUEST['url'])): // <-- only include jQuery if url set ?>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
  <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#dialog-modal" ).dialog({
      height: 140,
      modal: true
    });
  });
  </script>
  <?php endif; ?>
</head>

在你的<body>元素中添加div，它将成为对话框:

<?php if(isset($_REQUEST['url'])): // <-- only include the div if url set ?>
<div id="dialog-modal" title="Basic modal dialog">
  <p><?php echo htmlspecialchars($shorturl); ?></p>
</div>
<?php endif; ?>

这是不同浏览器的不同行为。alert不能这样做。相反，使用自定义对话框窗口。你可以使用jQuery UI Dialog插件或者Twitter Bootstrap Modal插件

相关内容

最新更新

热门标签：