小编Ari*_*ant的帖子

如何垂直居中对齐div与动态多行文本

以下是我正在使用的CSS:

        .flip-container
           {
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        perspective: 1000;


    }



    .flip-container:hover .flipper, .flip-container.hover .flipper {
             -webkit-transform: rotateY(180deg);
             -moz-transform: rotateY(180deg);
              transform: rotateY(180deg);
    }

    .flip-container, .front, .back {
                  width: 150px;
                  height: 150px;

    }

    .flipper {
        -webkit-transition: 0.6s;
        -webkit-transform-style: preserve-3d;
        -moz-transition: 0.6s;
        -moz-transform-style: preserve-3d;
         transition: 0.6s;
         transform-style: preserve-3d;
         position: relative;
    }

    .front, .back {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        display: table-cell;
        vertical-align:middle;

        position: absolute;
        top: 0;
        left: 0;

    }

    .front {
         z-index: 2;
         text-align: center;
    }

    .back {

        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg); …
Run Code Online (Sandbox Code Playgroud)

html css multiline vertical-alignment

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

Android webview上一页的后退按钮无法正常工作

我试图覆盖后退按钮,以便它返回上一页,但它只是退出应用程序.这里;代码..请告诉我哪里出错了.

package com.example.thebase;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.util.Log;
import android.view.KeyEvent;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;

public class MainAccelerometer extends Activity implements AccelerometerListener{

WebView myWebView;
//Back Button Code
     @Override
        public boolean onKeyDown(int keyCode, KeyEvent event) {
            if(event.getAction() == KeyEvent.ACTION_DOWN){
                switch(keyCode)
                {
                case KeyEvent.KEYCODE_BACK:
                    if(myWebView.canGoBack() == true){
                        myWebView.goBack();
                    }else{
                        finish();
                    }
                    return true;
                }

            }
            return super.onKeyDown(keyCode, event);
        }


//--------------------  


@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.accelerometer_example_main);
    //ENABLING JAVASCRIPT CODE
            WebView myWebView = (WebView) findViewById(R.id.webview); …
Run Code Online (Sandbox Code Playgroud)

android back-button webview

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

getElementsByAttribute()不是函数

我有以下代码来获取元素的属性:

document.getElementsByAttribute("xlink:href",id);
Run Code Online (Sandbox Code Playgroud)

我收到错误:

未捕获的TypeError:document.getElementsByAttribute不是函数

我不明白出了什么问题?它不是镀铬标准功能吗?

javascript google-chrome

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

如何将SQLite数据库从Android复制到MySQL数据库 - 复制 - 同步

我正在构建一个Android应用程序,它将从用户那里获取一些数据和图像,并将它们存储在本地SQLite DB中.我期待的是一种方法,我可以将这个数据库复制到我的服务器上的MySQL数据库.

我在互联网上寻找答案,但没有适当的解决方案.虽然我找到的最常见的答案是SymmetricDB和设置Web服务.我仍然困惑哪条路线.

SQLite DB也可能需要从MYSQL DB中提取更新的数据,所以我想更好的词是Sync而不是Replicate.

有帮助吗?

mysql sqlite android synchronization

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

jQuery load()错误:不推荐使用主线程上的同步XMLHttpRequest

我正在尝试使用jquery load()函数在另一个页面中加载页面.以下是代码:

    ... head code
    </head>
    <body id="body">
    <div id="newbody"></div>

    <button id="loadit">loadpage</button>
    <script type="text/javascript">
    $("#loadit").click(function(){
        $( "#newbody" ).load( "edit.php?id=112" );

        }); 
    </script>
Run Code Online (Sandbox Code Playgroud)

当我单击按钮时,整个页面被清除,只显示"edit.php"页面的一个位.单个位我的意思是edit.php应该显示一个预先填充的表单,只显示一个没有CSS的单个字段.是因为我使用了错误的jQuery函数,即load().我想要做的是在当前页面的div标签中加载新页面.

我还在控制台中收到以下警告:

jquery.min.js:4主线程上的同步XMLHttpRequest因其对最终用户体验的不利影响而被弃用.

我哪里错了?

javascript jquery

4
推荐指数
1
解决办法
4431
查看次数

如何删除d3.behavior.drag()。on(“ drag”,...)事件处理程序

我将以下内容附加到svg元素上

var dragger = d3.behavior.drag()
.origin(function(d) {
  return d;
})
.on('drag', this.move)
.on('dragend', dropHandler);

//caller
var g = c.append('svg').call(dragger).data([{
x: x0,
y: y0
}]);
Run Code Online (Sandbox Code Playgroud)

我正在dropHandler函数内实现一些代码,需要它自己实现.on(“ drag”,..)。如何从代码中删除以前的事件处理程序?

我尝试了以下方法:

.unbind()
selection.on("drag",null);
Run Code Online (Sandbox Code Playgroud)

javascript jquery svg event-handling d3.js

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

将SVG标签从HTML页面保存到SVG图像

我有一个应用程序,用户可以通过该应用程序使用SVG(d3)进行绘制。我想要一种功能,当我单击按钮或链接时,我想将一个名为“ main_svg”的SVG标签保存到另一个文件中的SVG图像中,该标签又包含所有其他SVG元素。我不想保存整个页面,而只想保存ID为“ main_svg”的SVG标签

如何做到这一点?是否有任何插件可以做到这一点?任何线索将不胜感激。

我试过了:

  1. 将元素保存到文本文件中,然后将其重命名为.svg,效率不是很高。

  2. Canvg-但是可以隐藏到png

html javascript jquery svg image

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

setTimeout函数意外行为

我有以下代码来附加元素数组中的iframe,批量大小为10,每批时间间隔为10秒.批处理是一个数组,其中包含一个JSON对象,其中包含每个批处理的开始和结束索引.Append函数将带有代码的iframe附加到DOM.

当前行为: JS等待10秒并一起调用追加功能,同时一次追加所有iframe,而不是每批等待10秒.

预期行为: JS在附加每个批处理或每个追加函数调用之前等待10秒.

batches.forEach(function (x) {
    setTimeout(function () {
        append(x, elements);
        console.log('appending'+x);
    }, 10000);
});
Run Code Online (Sandbox Code Playgroud)

知道为什么会发生这种情况吗?

javascript iframe jquery settimeout

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

如何在javascript中检查对象中是否存在密钥

我有以下对象字面值:

{ 
  'key1': 
  { 
    id: 'rr323',
    d: undefined,
    x: 560,
    y: 150 
  },
  'key2': 
  { 
    id: 'rr231',
    d: undefined,
    x: 860,
    y: 90 
  } 
}
Run Code Online (Sandbox Code Playgroud)

我想实现一个if语句,如下所示:

if(key DOES NOT exist in object){  
//perform certain function 
}
Run Code Online (Sandbox Code Playgroud)

我尝试了以下方法:

var key = key1;
if(!(key in global_move_obj)){
 // function
}
Run Code Online (Sandbox Code Playgroud)

但是当它应该返回false时,它总是返回true值.

javascript object literals

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

SVG 元素在屏幕上不可见,可以看到在控制台中添加的元素

我有以下 SVG 代码。id 为“nestedsvg”的 SVG 被附加到 HTML 中,我可以在控制台上查看它。但是在屏幕上是看不到的。我尝试为它分配 99 的 z-index,但它仍然不可见。我哪里错了?

<svg data="BusinessRoleFigure" x="144" y="95" 
width="128" height="66" id="outer" style="position: relative;">

<rect x="0" y="0" width="100%" height="100%" 
stroke="rgb(178,178,126)" stroke-width="1" fill="rgb(255,255,181)"
 style="position: relative;"></rect>

<svg id="nestedsvg" x="100%" height="100" width="50">
<rect x="-50" rx="5" ry="5" width="20" height="10" stroke="black"
 stroke-width="1" fill="black" z-index="99"></rect>
 </svg>

 <circle cx="118" cy="13" r="5" fill="none" 
stroke-linejoin="round" stroke="black" 
z-index="1" stroke-width="1"></circle>

 </svg>
Run Code Online (Sandbox Code Playgroud)

jsfiddle:http : //jsfiddle.net/MxHPq/145/

html javascript css svg

2
推荐指数
1
解决办法
2662
查看次数