php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben || php-forumjetzt anmelden
 

HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 07-10-2010, 10:11
Benutzerbild von BananaJo BananaJo
 Registrierter Benutzer
Links : Onlinestatus : BananaJo ist offline
Registriert seit: Aug 2008
Beiträge: 345
BananaJo kann nur auf Besserung hoffen
Standard Probleme mit opacity und JS Schleife im IE

Hallo,

ich baue grad ein DIV das die Deckkraft per JS ändert.. leider funkzt das im IE nicht wirklich so wie im FF..

PHP-Code:
<script type="text/javascript">
    var 
divOpacity 0.0;
    
    var 
0;
    var 
aktiv null;
        
    function 
moreOpacity()
    {                
        if(
i<=10)
        {
             
divOpacity += 0.1;
              
i++;              
              
//alert(i+" "+divOpacity );          
            
document.getElementById("div_newPost").style.opacity divOpacity;        
        }
        else
        {            
            
0;
            
divOpacity 0.0;                
            
aktiv window.clearInterval(aktiv);                            
        }    
    }
    
    function 
opacity()
    {
        
aktiv setInterval("moreOpacity()"30);
    }
</script>


<div id="div_newPost" style="border:1px solid red; opacity: 0.0;">
    Hier ist der inhalt
    <br />
    lalalalal
    <br />lalalal
</div>

<button onClick="javascript:opacity()" value="test">test</button> 

der inhalt im div verschwindet im IE, sobald die deckkraft auf 100% ist.. wie kann das sein?[/QUOTE]
Mit Zitat antworten
  #2 (permalink)  
Alt 07-10-2010, 10:58
eagle275
 Registrierter Benutzer
Links : Onlinestatus : eagle275 ist offline
Registriert seit: Jun 2010
Beiträge: 403
eagle275 befindet sich auf einem aufstrebenden Ast
Standard

hm .. dann ändere die nur auf 0.99 ? ...

ansonsten weißt du aber schon, das opacity einer der Custom-Werte ist, die von jedem Browser anders gehandhabt werden...

bei mir sieht das so aus :

HTML-Code:
    style1 {
        position:absolute;
        top:0;
        right:0;
        padding: 0;
        opacity:0;
        -moz-opacity:0;
        filter:alpha(opacity:0);
        width:298px;
    }
__________________

Wer LESEN kann, ist klar im Vorteil!
Mit Zitat antworten
  #3 (permalink)  
Alt 07-10-2010, 11:03
Benutzerbild von BananaJo BananaJo
 Registrierter Benutzer
Links : Onlinestatus : BananaJo ist offline
Registriert seit: Aug 2008
Beiträge: 345
BananaJo kann nur auf Besserung hoffen
Standard

muss ich dann bei

PHP-Code:
document.getElementById("div_newPost").style.opacity divOpacity
das einfach 3x untereinander verschieden angeben, damit das in jedem browser geht oder wie?

also z.b.

PHP-Code:
document.getElementById("div_newPost").style.opacity divOpacity
document.getElementById("div_newPost").style.-moz-opacity divOpacity
document.getElementById("div_newPost").style.filter alpha(opacity:divOpacity); 
soo??
Mit Zitat antworten
  #4 (permalink)  
Alt 07-10-2010, 11:05
Wyveres
 Registrierter Benutzer
Links : Onlinestatus : Wyveres ist offline
Registriert seit: Dec 2006
Ort: Rügen
Beiträge: 763
Blog-Einträge: 2
Wyveres ist zur Zeit noch ein unbeschriebenes Blatt
Wyveres eine Nachricht über ICQ schicken
Standard

vielleicht solltest du davon Abstand nehmen und für so was auf ein bereits Existierendes Framework zurückgreifen z.b.
.fadeIn() – jQuery API
__________________
Bitte Beachten.
Foren-Regeln
Danke
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
frage zu opacity joextra HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 4 13-07-2010 11:42
moz-opacity (Transparenz) Gamer20 HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 1 27-05-2008 02:15
Problem mit moz-opacity volker63 HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 1 30-01-2006 22:00
Gekkos -moz-opacity timepoint5 HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 4 08-10-2003 22:48
Probleme FOR-Schleife Benji PHP Developer Forum 15 18-08-2003 22:18

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

OnPremise versus Cloud - das richtige System finden
Wir beleuchten in diesem Artikel, die Vor- und Nachteile für Cloud oder OnPremise Systemen. Und warum es definitiv Zeit wird in die Cloud zu wechseln.

09.05.2022 | julia_mjr

Warum Texterstellung mit künstlicher Intelligenz richtig gut ist
Warum Texterstellung mit künstlicher Intelligenz richtig gut istKünstliche Intelligenz ist dabei, die Welt zu erobern. Die größten Unternehmen entwickeln Systeme, die einen Text für Sie schreiben können. Und sie machen das sehr gut.

05.01.2022 | Berni


 

Aktuelle PHP Scripte

phpBasics Counter

Der Counter arbeitet mit einer klassischen einstellbaren IP-Reloadsperre. Er zählt die Besucher, die Seitenaufrufe und ermittelt auch die aktuellen Onlineuser. Zur Datenspeicherung wird eine MySQL-Datenbank genutzt. Der Counter überprüft seine Instal

09.09.2022 numaek | Kategorie: PHP/ Counter
MyPHPlib-Bibliotheksverwaltung

MyPHPlib ist eine Scriptsammlung, mit der die Bibliotheksverwaltung incl. Ausleihe und Recherche gelingt. Die Scriptsammlung wird seit Mitte 2005 entwickelt und ist besonders an den Bedürfnissen von Schulen angepasst.

11.08.2022 RobertG | Kategorie: PHP/ Management
responsive vertikales Menu

Diese Menu basiert auf php, jQuery, css und ajax. Wer sein Menu mit nested sets vertikal realisieren will, findet darin eine gute Lösung.

11.08.2022 COVISIONMEDIA | Kategorie: JAVASCRIPT/ Navigation
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 05:08 Uhr.