php-resource



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

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


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: 344
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: 344
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

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni

Wissensbestand in Unternehmen
Wissensbestand in UnternehmenLebenslanges Lernen und Weiterbilden sichert Wissensbestand in Unternehmen

25.05.2018 | Berni


 

Aktuelle PHP Scripte

ebiz-trader 6.0 - Das professionelle PHP Marktplatz Script ansehen ebiz-trader 6.0 - Das professionelle PHP Marktplatz Script

Mit unserer Lösungen können Sie nahezu jeden B2B / B2C Marktplatz betreiben den Sie sich vorstellen können. Ganz egal ob Sie einen Automarktplatz, Immobilenportal oder einfach einen Anzeigenmarkt betreiben möchten. Mit ebiz-trader können Sie Ihre Anforder

11.10.2018 Berni | Kategorie: PHP/ Anzeigenmarkt
PHP Server Monitor

PHP Server Monitor ist ein Skript, das prüft, ob Ihre Websites und Server betriebsbereit sind.

11.09.2018 Berni | Kategorie: PHP/ Security
PHP WEB STATISTIK ansehen PHP WEB STATISTIK

Die PHP Web Statistik bietet Ihnen ein einfach zu konfigurierendes Script zur Aufzeichnung und grafischen und textuellen Auswertung der Besuchern Ihrer Webseite. Folgende zeitlichen Module sind verfügbar: Jahr, Monat, Tag, Wochentag, Stunde Folgende son

28.08.2018 phpwebstat | Kategorie: PHP/ Counter
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 10:45 Uhr.