terebentina / sco.js Goto Github PK

View Code? Open in Web Editor NEW

455.0 455.0 107.0 724 KB

Javascript extensions for twitter bootstrap

Home Page: http://projects.5mins.me/sco.js

License: Apache License 2.0

CSS 8.69% JavaScript 89.91% HTML 1.39%

bootstrap javascript jquery

sco.js's People

Contributors

Stargazers

Watchers

Forkers

lymanlai nvdnkpr devdrops ziwei900714 h63542 dhigginbotham lukeguan kylebradshaw nirm12 akthechamp lucozhao freedomw1987 jjedmorianktah valdelama daqing15 dallinchase kumalee rchincho jiangzhonghui jperkelens ashrafalsaab kelvinj ahlkjx ariborneo welco black516 iomato johnulist ikscher karlsun zhaoadou fcjr4869 jingonrail fkomaralp makeclan at99 shotishu anycall tealun bzzkb cursedeyesonly marukowan aywhen seekmas xiwc jclism councilof1 magicyangmei opensourcelover iwaterman oscar-liu kebabs mrliao yellowwood marlboro029 sparkinzy ifa6 sk163 boywondercreative tahertechs whatakitty e1m46n1f1c0 volving jonket sinamber naifen00 web5design jerrylsxu fucssjs sdfsky insionng mngogo yekg880809 visense wpg jango2015 bmrainc carloscasalar fudaoji hztstore kokokele goupviet robys915 jinagko namistudio zhyee metooweb archer-christ tucuta kmmao ossoen chenxubin2016 zhoun jiafenggit jackeasons chunlin428 raojiawei piper55 sangkyunyoon im286er

sco.js's Issues

show more / show less" toggle example not working

the #collapse example for

   triggerHtml: {on: 'show less', off: 'show more'}

is not working in the demo

Popover smart positioning

Can your smart positioning of tooltips be apptied to Bootstrap popovers?

scojs modal problem

I find a problem about scojs_modal.
This is my code:

window.DialogEditPwd = $.scojs_modal({
target:'#modal_changepwd',
title:'change password',
remote:'manage/staffManage/changepwd.jsp',
keyboard: false
});
window.DialogEditPwd.show();
When the code first run,no problem.
When the code second run,$.scojs_modal is undefined.
My jquery is not good,please help me thanks.

Countdown timer doesn't display when until < 60 seconds

If you try to start the countdown timer with an until value that is < 60 seconds, it doesn't display.

Adding a check for any seconds will fix this:

if (left.s > 1) {started = true}

if (started) {
    str += ' ' + left.s + data.strings.s;
}

Add modal option for buttons

Right now the only way to create a modal with buttons is to use the confirm plugin(which is specialized), or to write the markup for a modal and then point the modal plugin to the element as the target -- which IMO defeats the point of using a plugin to create modals in the first place.

Could you add a buttons option to the modal so that doing something like

var modal = $.scojs_modal({
buttons: { Whatever: function() { do.something() } } 
}

would create buttons for the dialog?

Support wysiwyg editors in valid

Since most wysiwyg editors are using a separate iframe/element to write the text, the textarea of the form is not updated before submitting the form.
So even if the user writes something in the editor, the validation plugin thinks the textarea is empty.
A onBeforeValidation callback is required to give the chance to the editor to update the textarea

The confirm plugin could not work in bootstrap 3

Will you plan to upgrade sco.js for the future?

sco.confirm.js cannot call action function while using a exist confirm modal

This is the code before :
//========================================= begin
var $modal = $(this.options.target);
if (!$modal.length) {
$modal = $('

cancel yes

').appendTo(this.options.appendTo).hide();
if (typeof this.options.action == 'function') {
var self = this;
$modal.find('[data-action]').attr('href', '#').on('click.' + pluginName, function(e) {
e.preventDefault();
self.options.action.call(self);
self.close();
});
} else if (typeof this.options.action == 'string') {
$modal.find('[data-action]').attr('href', this.options.action);
}
}
//========================================= end //
The action function will not called while I use an exist confirm modal, so I modified the code:
//========================================= begin
var $modal = $(this.options.target);
if (!$modal.length) {
$modal = $('

cancel yes

').appendTo(this.options.appendTo).hide();
}
if (typeof this.options.action == 'function') {
var self = this;
$modal.find('[data-action]').attr('href', '#').off('click').on('click.' + pluginName, function(e) {
e.preventDefault();
self.options.action.call(self);
self.close();
});
} else if (typeof this.options.action == 'string') {
$modal.find('[data-action]').attr('href', this.options.action);
}
//========================================= end //
Then it works

confirm buttons cannot display

confirm dialog yes cannel button cannot display some times, because

don't generated .
that ok for modify sco.confirm.js line 32

.but throw other error that sco.modal.js line 115 this.$modal is null.

sco.modal.js load remote html failed with message 'undefined is not a function'

_the test page code is blow:_

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<form class="form-horizontal">
    <div class="form-group">
        <div class="form-control">
            <input type="text" id="nodeName">
        </div>
    </div>
</form>
<script>
</script>
</body>
</html>

I use the branch bs-3 with boostrap3 , the error just will happened that id named 'nodeName' with this structure and at same time exist <script> tag。

minified files needed

Could you release minfied files so it's easy to integrate in any project?

Thanks

The GitHub:Pages site sidebar overlays on the content on mobile

On mobile, when you visit the website, the sidebar overlays on the content, making it mostly unreadab

le.

sco.modal.js && sco.ajax.js problem，does't work in Google Chrome

hear is my code：please help!

<link href="http://cdn.bootcss.com/twitter-bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<script src="js/sco.modal.js"></script>
<script src="js/sco.ajax.js"></script>

<a data-trigger="modal" href="news/index_news/1.html" data-title="Modal title" class="btn">Launch demo modal</a>
<a data-trigger="ajax" href="news/index_news/1.html" data-target="#ajax_target" class="btn">Ajax demo</a>
<div id="ajax_target">Remote content will be loaded here</div>

Why i cant use the countdowner with jquery 1.10

i cant use the countdowner with jquery 1.10.2

sco.js added to twittstrap resources

Hello,
We have just add sco.js to twittstrap resources list
http://twittstrap.com/resources/details/sco-js
Under : Components
Regards

Option "cssclass" is present on subsequent modals.

When using data-cssclass= the css class that is added to the modal is sometimes present on subsequent modals on the page that are not using this option. This creates the issue of modals having unwanted styling. This happens occasionally, not every time (tested mac/chrome).

Avoid bower install warnings

With the 1.0.2 version there is some warnings when the package is installed through Bower:

$ bower install sco.js --save
bower sco.js#*              not-cached git://github.com/terebentina/sco.js.git#*
bower sco.js#*                 resolve git://github.com/terebentina/sco.js.git#*
bower sco.js#*                download https://github.com/terebentina/sco.js/archive/1.0.2.tar.gz
bower sco.js#*                 extract archive.tar.gz
bower sco.js#*            invalid-meta sco.js is missing "main" entry in bower.json
bower sco.js#*            invalid-meta sco.js is missing "ignore" entry in bower.json
bower sco.js#*                resolved git://github.com/terebentina/sco.js.git#1.0.2
bower sco.js#~1.0.2            install sco.js#1.0.2

sco.js#1.0.2 public\lib\sco.js

Would be great if you could add a bower.json with the ignore statement. Something like this:

...
  "ignore": [
    "**/.*",
    "tests"
  ],
...

speed options for collapse

Currently the easing of the collapse is quite slow, would be nice to have speed as an option