Деактивиране на възможността за превъртане в JSFiddle

Има ли начин да деактивирате напълно превъртането в JSFiddle.

Опитах:

position: fixed;

и

overflow: hidden;

все пак мога да превъртя надолу, когато вградя резултатите в моя сайт. Чудех се дали някой има някакви съвети как да поправя напълно нещо и да нямам способности за превъртане.

Текущият ми HTML и CSS:

.hidden {
  visibility: collapse;
}
html,
body {
  height: fit;
  background: #e2dede;
  margin: 10px;
}
div {
  width: fit;
  overflow: hidden;
}
td + td {
  border-left: 1px solid #eee;
}
th {
  border-bottom: 1px solid #fff;
  background: #333333;
  color: #fff;
  padding: 5px 5px;
  font-family: "raleway";
  font-size: 14px;
}
td {
  border-bottom: 1px solid #eee;
  background: #e2dede;
  color: #000;
  padding: 5px 5px;
  font-family: "raleway";
  font-size: 13px
}
<table class="tablesorter">
  <table>
    <thead>
      <th>Name</th>
      <th>Release Date</th>
    </thead>
    <tbody>
      <tr>
        <td>Peter Parker</td>
        <td>11/07/2015</td>
      </tr>
      <tr>
        <td>John Hood</td>
        <td>11/07/2015</td>
      </tr>
      <tr>
        <td>Clark Kent</td>
        <td>12/07/2015</td>
      </tr>
      <tr>
        <td>Bruce Almighty</td>
        <td>13/07/2015</td>
      </tr>
      <tr>
        <td>Bruce Evans</td>
        <td>14/07/2015</td>
      </tr>
    </tbody>
  </table>


javascript css jsfiddle tablesorter
person tom    schedule 11.07.2015    source източник
comment
Защо вграждате jsfiddle на сайта си?   -  person Barmar    schedule 11.07.2015
comment
Тъй като създадох таблици за сортиране на моя уебсайт там   -  person tom    schedule 11.07.2015
comment
Не разбирам напълно въпроса ви (частта за вграждане), но ако искате да премахнете превъртането от result frame от fiddlejs, ще трябва да получите препратката към това iframe и да добавите атрибут scrolling='no'   -  person leo.fcx    schedule 11.07.2015
comment
Добавям резултатите към страницата си чрез html и вмъквам /show url. Има ли по-лесен начин да поставите цигулката, която сте създали, на вашия уебсайт?   -  person tom    schedule 11.07.2015

Отговори (1)


arrow_upward
0
arrow_downward

Когато вградите демонстрация на JSFiddle в сайта си, JSFiddle добавя лента „Резултат“ в горната част, за да добави връзка, за да позволи редактиране на демонстрацията в JSFiddle. Поради тази лента и вложена iframe, зададена на същата височина като външната рамка, се показва лента за превъртане (демонстрация).

<iframe height="300" width="100%" src="http://jsfiddle.net/5sadgev6/embedded/result,html,css" allowfullscreen="allowfullscreen" frameborder="0">

  <div id="wrapper">
    <div id="head">
      <h1><a title="Edit in JSFiddle" href="/bg/5sadgev6/light/" target="new">Edit in JSFiddle</a></h1>
      <div id="actions" class="">
        ...
      </div>
    </div>

    <div id="tabs" style="height: 298px;">
      <div class="tCont result active" id="result">
        <iframe style="height: 300px;" src="//fiddle.jshell.net/5sadgev6/show/light/" sandbox="allow-forms allow-popups allow-scripts allow-same-origin"></iframe>
      </div>

      ...

    </div>
  </div>

</iframe>

Вижте настройките за височина, добавени от JSFiddle в горния HTML.

Така че по същество не можете да предотвратите превъртането на вградения JSFiddle iframe, тъй като това е iframe във вградения iframe, който има зададена височина.

Ако не харесвате свитъка:

  • Изпратете проблем до jsfiddle: https://github.com/jsfiddle/jsfiddle-issues
  • Не използвайте вграден jsFiddle на вашия сайт.
  • Направете Стилен стил, който настройва автоматично вградената рамка във височината на iframe – това ще работи само във вашия браузър , но ще важи за посочените от вас сайтове.
person Mottie    schedule 11.07.2015
comment

Ето пример за писане, четене на файла (така че можете да видите, че получавате правилния отговор модулно някои грешки при закръгляване).

import csv, os
import struct

test_floats = [1.2, 0.377, 4.001, 5, -3.4]

## write test floats to a new csv file:
path_test_csv = os.path.abspath('data-test/test.csv')
print path_test_csv
test_csv = open(path_test_csv, 'w')
wr = csv.writer(test_csv)
for x in test_floats:
    wr.writerow([x])
test_csv.close()


## write test floats as binary
path_test_binary = os.path.abspath('data-test/test.binary')
test_binary = open(path_test_binary, 'w')
for x in test_floats:
    binary_data = struct.pack('<f', x)
    test_binary.write(binary_data)
test_binary.close()


## read in test binary
binary = open(path_test_binary, 'rb')
binary.seek(0,2) ## seeks to the end of the file (needed for getting number of bytes)
num_bytes = binary.tell() ## how many bytes are in this file is stored as num_bytes
# print num_bytes
binary.seek(0) ## seeks back to beginning of file
i = 0 ## index of bytes we are on
while i < num_bytes:
    binary_data = binary.read(4) ## reads in 4 bytes = 8 hex characters = 32-bits
    i += 4 ## we seeked ahead 4 bytes by reading them, so now increment index i
    unpacked = struct.unpack("<f", binary_data) ## <f denotes little endian float encoding
    print tuple(unpacked)[0]
- person tom; 13.07.2015
comment
Защо използваш цигулка? Искате ли вашите потребители да могат да го редактират? Или просто показваш демонстрация? И в двата случая споделете връзка към демонстрацията на jsFiddle и направете iframe, сочещ към страница, която хоствате с демонстрацията – тогава имате пълен контрол над демонстрацията. - person Mottie; 13.07.2015
comment
Създадох таблицата в JSFiddle и сега не знам как да премахна HTML, JS и CSS кода оттам към моя уебсайт, създаден от Wix.com. Как да добавя кодирането в iFrame, без да е демонстрация или възможност за редактиране? - person tom; 13.07.2015
comment
Никога не съм използвал Wix.com... ако ви позволяват да създадете нова страница, след това копирайте HTML, CSS и javascript (уверете се, че кодът е опакован във функция за готов документ) в тази нова страница. След това добавете iframe, който сочи към тази нова страница. Ако имате нужда от помощ за това, моля, свържете се с екипа за поддръжка на Wix.com. - person Mottie; 13.07.2015